Full Stack Development with JHipster

Webpack dev server and BrowserSync

Webpack dev server (https://github.com/webpack/webpack-dev-server) provides a simple Express server using webpack dev middleware, and supports live reloads when assets change. Webpack dev middleware supports features such as hot module replacement and in memory file access.

In Webpack Version 4 and above a new alternative called webpack-serve (https://github.com/webpack-contrib/webpack-serve) is used instead of Webpack dev server. It uses native WebSocket support in newer browsers.

BrowserSync (https://browsersync.io/) is a Node.js tool that helps in browser testing by synchronizing file changes and interactions of the web page across multiple browsers and devices. It provides features such as auto-reload ...