webpack性能优化

2021-02-09 14:21

阅读:742

标签:size   入口   --   div   image   src   导致   方法   功能   

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性能优化

标签:size   入口   --   div   image   src   导致   方法   功能   

原文地址:https://www.cnblogs.com/cl1998/p/13060045.html


评论


亲,登录后才可以留言!