webpack-dev-server

webpack 的配置 options.devServer 是用于配置 webpack-dev-server。

v2.8 scripts 包含 ES6 keywords const and let,一些运行环境将受到影响,比如 UglifyJS, IE

webpack-dev-server 依赖于 webpack(peerDependencies)

yarn info webpack-dev-server peerDependencies
yarn add --dev webpack webpack-dev-server uglifyjs-webpack-plugin
./node_modules/.bin/webpack-dev-server -h

遇到问题,打开 /webpack-dev-server 查看。

Hot Module Replacement

在使用 webpack-dev-server 时会遇到一个概念 Hot Module Replacement (HMR),说的是在应用运行过程中添加删除模块,而不用重启应用。

https://webpack.js.org/guides/hot-module-replacement/

这是如何实现的呢?