优化配置介绍-开发环境

webpack性能优化(1.优化打包速度,2.优化代码调试)

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

       作用:一个模块发生变化,只会重新打包这一个模块(而不是打包所有模块) 
      极大提升构建速度
      样式文件:可以使用HMR功能:因为style-loader内部实现了~
      js文件:默认不能使用HMR功能 --> 需要修改js代码,添加支持HMR功能的代码
        注意:HMR功能对js的处理,只能处理非入口js文件的其他文件。
      html文件: 默认不能使用HMR功能.同时会导致问题:html文件不能热更新了~ (不用做HMR功能)
        解决:修改entry入口,将html文件引入
posted @ 2021-08-19 17:52  瘦不下来的熊猫  阅读(86)  评论(0)    收藏  举报