遇见的问题:
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环境使用
作者:忙于未来的民工
链接:https://www.jianshu.com/p/9b699b648cc6
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
使用webpack搭建的多页面应用,项目变大后修改CSS热更新慢,大部分时间耗在94% Asset Optimization步骤。问题出在html - webpack - plugin插件,解决方法是引入html - webpack - plugin - for - multihtml插件,并给出安装和使用示例,建议在dev环境使用。
6705

被折叠的 条评论
为什么被折叠?



