Full Stack Development with JHipster - Second Edition

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 with browser testing by synchronizing the file changes and interactions of the web page across multiple browsers and devices. It provides features such as auto-reloads ...