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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • webpack 介绍 webpack 是什么 为什么引入新的打包工具 webpack 核心思想 webpack 安...
    yxsGert阅读 11,547评论 2 71
  • html-webpack-plugin详解 引言 最近在react项目中初次用到了html-webapck-plu...
    peng凯阅读 3,853评论 0 1
  • 第一步:安装环境 需要安装的有: nodejs,并添加入环境变量PATH 使用nodejs安装vue-cli 参考...
    喵吉呀呀阅读 8,009评论 1 5
  • 原文http://www.cnblogs.com/libin-1/p/6596810.html 版本号 vue-c...
    tengrl阅读 9,117评论 0 0
  • 1、主动邀请对方。不试试怎么会知道结果?是的,我们都讨厌被拒绝,可是被拒绝并不会要我们的命。即使被拒绝,至少让我们...
    水晶小飞侠阅读 2,256评论 0 1