优化配置介绍-开发环境

webpack性能优化（1.优化打包速度，2.优化代码调试）

1.HMR:hot module replacement 热模块替换 / 模块热替换

       作用：一个模块发生变化，只会重新打包这一个模块（而不是打包所有模块） 

      极大提升构建速度

      样式文件：可以使用HMR功能：因为style-loader内部实现了~

      js文件：默认不能使用HMR功能 --> 需要修改js代码，添加支持HMR功能的代码

        注意：HMR功能对js的处理，只能处理非入口js文件的其他文件。

      html文件: 默认不能使用HMR功能.同时会导致问题：html文件不能热更新了~ （不用做HMR功能）

        解决：修改entry入口，将html文件引入