94% Asset Optimization

使用webpack搭建的多页面应用,项目变大后修改CSS热更新慢,大部分时间耗在94% Asset Optimization步骤。问题出在html - webpack - plugin插件,解决方法是引入html - webpack - plugin - for - multihtml插件,并给出安装和使用示例,建议在dev环境使用。

遇见的问题:

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
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值