Skip to content
This repository has been archived by the owner on Jan 18, 2023. It is now read-only.

Latest commit

 

History

History

server-api

Folders and files

NameName
Last commit message
Last commit date

parent directory

..

js

js

 
 

www

www

 
 

README.md

README.md

 
 

package.json

package.json

 
 

server.js

server.js

 
 

webpack.config.js

webpack.config.js

 
 

README.md

HMR w/ webpack-dev-server API

This project shows an example of how to use Webpack HMR with the webpack-dev-server API.

Setup

npm install

Running

npm start

Open http://localhost:8080.

Discussion

The npm start command runs: node server.js. This starts the webpack-dev-server with it's API. This is a very flexible way to use the dev server because you can run it from within your gulp or grunt tasks, or from within your own custom scripts.

If you compare the API webpack.config.js located here and the CLI webpack.config.js, you'll notice that the API version has a few additions:

  • HotModuleReplacementPlugin in the plugins: section.
  • webpack/hot/dev-server entry point.
  • webpack-dev-server/client... entry point.

When you run the webpack dev server with the CLI you don't need these, because the webpack-dev-server CLI adds them for you. So running the webpack-dev-server via it's API is slightly more complicated - but worth it if it fits your workflow.