10.HMR优化

一个模块发生变化，只会打包当前模块，而不是所有模块 热模块替换

  devServer:{
    contentBase:resolve(__dirname,'build'),
    //启动GZIP压缩
    compress:true,
    //本地启动端口号
    port:3000,
    //自动打开浏览器
    open:true,
     //开启hmr
    hot:true
}

样式文件css/less文件：默认可以使用HMR功能，因为style-loader内部实现了 html文件：默认可以不使用HMR功能，同时导致html文件无法热更新 js文件：默认可以不使用HMR功能

js的hmr
//index.js
if (module.hot) {
  // 一旦 module.hot 为true，说明开启了HMR功能。 --> 让HMR功能代码生效
  module.hot.accept('./print.js', function() {
    // 方法会监听 print.js 文件的变化，一旦发生变化，其他模块不会重新打包构建。
    // 会执行后面的回调函数
    print();
  });
}