webpack 初步性能优化
开发环境性能优化
优化打包构建速度(HMR)
HMR:hot module replacement 热模块替换,一个模块发生变化,只会重新打包变化的模块,而不是所有模块,提升构建速度
1、样式文件可以使用HMR功能,只要在loader 中使用style-loader
{
// 处理css资源
test: /\.css$/,
use: ['style-loader', 'css-loader']
}
2、js 文件 默认不能使用HMR功能需要修改js 添加支持H
原创
2020-06-24 14:03:48 ·
249 阅读 ·
0 评论