webpack性能优化

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

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

作用: 一个模块发生变化, 只会重新打包这一个模块(而不是打包所有模块)极大提升构建速度 (开发环境)
  •   html文件: 默认不能使用HMR功能, 同时会导致问题:html文件不能热更新了~(不用做HMR功能)
          解决: 修改entry入口, 将html文件引入
  •   css样式文件: 可以使用HMR功能: 因为style-loader内部实现了  使用方法: hot:true 
  •   js文件: 不能使用HMR功能 ---> 需要修改js代码, 添加支持HMR功能的代码
       注意: HMR功能对js的处理, 只能处理非入口js文件的其他文件.(入口文件做不了HMR功能)   webpack性能优化

 

 

上一篇:webpack -HMR-非常实用(6)


下一篇:webpack性能优化-HMR