2019-05-30 解决webpack多页面应用94% Asset Optimization卡顿

遇见的问题:

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环境使用

你可能感兴趣的:(2019-05-30 解决webpack多页面应用94% Asset Optimization卡顿)