When you develop with React/Redux, to use hot-reload ability that powered by webpack-hot-middleware, usually you need to write a simple express server to provide hot-patch service. Now, I packed it as a module.
Installation & Usage
First, install the npm module.
npm install --save-dev webpack-devserver
Next, config webpack.config.js to enable hot reloading, See Webpack Hot Middleware.
Add the following three plugins to the
entryarray. This connects to the server to receive notifications when the bundle rebuilds and then updates your client bundle accordingly.
Optional, set publicPath.
Then, add a script into package.json.
That's all, no more configuration required. Now, run this command to start DevServer.
npm run dev
and browse "http://127.0.0.1:8080/".
The following modules couldn't be hot updated
If you get some warning like "The following modules couldn't be hot updated", that is loss something. Please add
to the top level file that initialized the application. See garysieling blog.
Port and address of DevServer
DevServer default listen on localhost:8080, to indicate another port and address, add
devServer:address: '22.214.171.124'port: 3000
If want proxy some url to server "http://126.96.36.199:3000/", add
This is my first npm module. Any help would be most welcome.