遇见的问题:
webpack搭建的多页面应用,当项目大了以后,修改一个简单的css,webpack热更新都很慢。通过观察可以发现大部分的时间都耗在
94% Asset Optimization 这一步上
解决方法:
问题是出在html-webpack-plugin插件上,所以引入另一个插件html-webpack-plugin-for-multihtml
1:npm i html-webpack-plugin-for-multihtml--save-dev
2:
newHtmlWebpackPlugin({
title:'My App',
filename:'assets/admin.html',
multihtmlCache:true// 解决多页打包的关键
})
注意:不知道线上会不会出问题,所以建议dev环境使用
网友评论