码迷,mamicode.com
首页 > Web开发 > 详细

webpack性能优化

时间:2020-06-07 12:32:25      阅读:69      评论:0      收藏:0      [点我收藏+]

标签: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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!