Find file History
Type Name Latest commit message Commit time
Failed to load latest commit information.
js Initial commit 😺 Nov 6, 2015
www Initial commit 😺 Nov 6, 2015 ⬆️ update to webpack 3 Jan 12, 2018
package.json ⬆️ update to webpack 3 Jan 12, 2018
webpack.config.js update to webpack 2 Feb 8, 2017

HMR w/ webpack-dev-server CLI

This project shows the simplest way to use Webpack HMR, which is with webpack-dev-server CLI


npm install


npm start

Open http://localhost:8080.


The npm start command runs: webpack-dev-server --content-base=www --inline --watch --hot.

Let's discuss each argument:

--content-base: Serve whatever content is in the www/ directory. This is in addition to webpack-dev-server's primary task, which is to server your javascript output bundle.

--inline: This adds the 'webpack-dev-server client entry point' to your application. This means webpack-dev-server will serve HMR updates. The bottom line is that you need it in order to use HMR.

--watch: Watch for changes to your javascript input files and automatically rebuild.

--hot: The reason we are here! Enables hot module replacement.