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功能)  

 

 

标签：文件,功能,性能,hot,HMR,js,webpack,模块,优化
来源： https://www.cnblogs.com/cl1998/p/13060045.html