5.模块热替换

启用 HMR

    devServer: {
      contentBase: './dist',
+     hot: true
    },

通过 Node.js API

• 当使用 webpack dev server 和 Node.js API 时，不要将 dev server 选项放在 webpack 配置对象(webpack config object)中。而是，在创建选项时，将其作为第二个参数传递。例如：new WebpackDevServer(compiler, options)

HMR 修改样式表

• 借助于 style-loader 的帮助，CSS 的模块热替换实际上是相当简单的。当更新 CSS 依赖模块时，此 loader 在后台使用 module.hot.accept 来修补(patch)