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

作者：忙于未来的民工
链接：https://www.jianshu.com/p/9b699b648cc6
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

94% Asset Optimization相关推荐

vuecli启动的服务器位置,webpack – 在vue cli 3生成的项目中启动dev服务器
我使用npm i -g @ vue / cli在我的 Windows系统上全局安装了vue cli 3. 然后我使用vue create vue-project生成了一个项目我通过提示选择了所需的插 ...
vue indev.html,webpack多入口热加载很慢
项目是多入口(多页面),每次修改代码,热加载都很慢,定格在 94% asset optimization持续5秒左右,页面才更新内容.这个应该是webpack存在的问题. 我发现减少页面数量,热加载会 ...
vuecli启动的服务器位置,在vue cli 3生成的项目中启动dev服务器
我在我的Windows系统上使用全局安装了vue cli 3 npm i -g @vue/cli. 然后我使用生成了一个项目 vue create vue-project 我通过提示选择了所需的插件. ...
独立完成一个城市选择组件（阿里前端题目,内附知识点、思路）
借用了两个久经考验的轮子:fastClick和better-scroll,介意可以就此打住.本文绝对原创,手打,思路清晰,知识不难,不适合大佬观看,谢谢. 首先说一下,我不是阿里的人,也没去阿里面试过 ...
console vue 打包之后怎么去掉_Vue Cli 3 打包配置--自动忽略 console.log 语句
下载插件 npm i -D uglifyjs-webpack-plugin 在 vue.config.js 引入使用 const UglifyJsPlugin = require('uglifyjs- ...
Google 的 Angular 迫使我放弃了 Web 开发
一直以来,Facebook 的 React.Google 的 Angular 和尤雨溪的 Vue,被诸多的开发者称之为前端三大主流框架.去年,Facebook 修改了开源 React 的使用许可协议, ...
The Things Network LoRaWAN Stack V3 学习笔记 1.2 源码编译
前言源码编译是重头戏,这节笔记记录如何使用 make 命令编译相关部件.由于部分包在墙外,带来了一点麻烦,还分享一个 replace 方式来翻墙的办法. 小能手这段时间在学习 The Things ...
三大前端构建工具横评，谁是性能之王！
点击上方"蓝色字体",选择"设为星标" 做积极向上的前端人! Vite一经发布就吸引了很多人的关注,NPM下载量一路攀升: 而在Vite之前,还有Snowpac ...
npm install 下载依赖包报错以及安装npm install node-sass --save 报错的问题--这里肯定有你想要的答案
1.第一步下载依赖包:npm install ,或者下载淘宝镜像,第一步命令:npm install -g cnpm --registry=https://registry.npm.taobao.or ...
php 桌面应用程序_PHP应用程序环境
php 桌面应用程序 The following is a short extract from our recent book, Jump Start PHP Environment, availa ...

94% Asset Optimization

94% Asset Optimization相关推荐

最新文章

热门文章