When creating web-applications in node.js a bunch of nice features is available. One of my favorites is that when a change has been performed, the change is immediately available on the browser.
In the case of Java EE, we will need to redeploy each type, an operation that with my MacBook takes about t2 seconds and with my corporate laptop about 10 seconds. Even not a complete disaster,I think that we can agree on that is not really optimal.
So what I would like is that once I have performed a change on a static file (js, html, css), this change is also immediately on the browser using my standard application server (I have tested it with Wildfly).
And so we can achieve it:
Create an exploded war.
Compile project to create the target folder with the deployed sources.
Using the onchange tool synchronize the statics file folder under webapp with the location where your IDE is copying the exploded files. This command looks for changes under a given directory and then executes any passed command. In our case, we just copy all the static files to the exploded target directory.
onchange 'path/to/watch/src/' -- cp -Rf path/to/watched/src/ /path/to/exploded/war/files
Now, just code :)
With these simple steps, we will get our browser in snyc with our code.
However, we still need to click F5 to update the browser.