起因
在公司搭建了套webpack多页面应用脚手架，开始用着很爽，解决了既想使用Vue的模块化开发，又想做多页打包上线管理的初衷，但是随着业务项目的增加，我发现npm run dev的时候，每次热加载，webpack的反应都很慢。
基本会卡在
94% assets optimization95% emitting
这个步骤很久
准备具体定位一下问题的原因。由于项目基于vue-cli改写的多页应用脚手架，手动重写了HtmlWebpackPlugin插件，所以基本猜测和这个有关，后来证明也真的是这个引起的。
我们可以在package.json中启动dev的时候添加--profile命令，去看启动的详情。
我们可以看到，asset optimization过程耗时2s左右，有时候会更长，所以基本确定就是这个地方卡住了HMR。
那么问题来了，怎么优化这里？
优化思路-1
第一想法是，在dev的时候，加入参数或手动更改config，只针对当前开发的项目进行模块的加载。
更改webpack配置是比较直接的方案，比如把当前启动的目录配置好(buildingPage), new HtmlWEbpackPlugin的时候进行判断即可。
第二个方案，当然也可以手写webpack-dev-server。
dev-server这个在老版本是在build目录下面的，比较方便改动重写，然而新的版本，是在node_modules中的已经加载的模块，
重写的话需要自己把这个东东搞一套，加入参数进行判断处理，本人还没有时间进行尝试，如果有人有时间的可以试试能否改善HMR效率。
实践证明第一个方案确实会提高HMR速度，但由于项目是多人共同开发和维护，每个开发者更改自己的config配置，极容易造成提交svn\git冲突，或忘记修改config等状况，所以除了个人维护的项目，并不建议这么做。
优化思路-2
其实这个问题的具体原因就是改为多入口之后，在HtmlWebpackPlugin中会对每一个入口文件都执行一遍emit中所有代码逻辑，正是这个原因影响了速度。
在看一些参考资料之后，我发现已经有现有的造轮子可以使用了，就是 [html-webpack-plugin-for-multihtml] (https://github.com/daifee/html-webpack-plugin-for-multihtml)
该插件通过在webpack done钩子函数中设置相关变量，来保证原html-webpack-plugin插件中emit仅触发一次全部流程。来达到提速的效果。升级以后，修改文案，HMR的速度从原来的秒级改为毫秒级。
可以看出 asset optimization已经优化到毫秒级。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒 经典版》的玩家都可以获得奖励。
更新日志
- 蒋明.2015-空山【大象音乐】【FLAC分轨】
- 群星《2024好听新歌28》AI调整音效【WAV分轨】
- 发烧女声《不甘寂寞》[DTS-WAV分轨]
- 群星《2018新歌推荐》2CD/DTS[WAV分轨]
- BEYOND.2005-永远等待25周年限量版5CD【KINNS】【WAV+CUE】
- 高明骏.1993-透过你的双眼【巨冀】【WAV+CUE】
- 群星.1995-爱情，勿语【可登】【WAV+CUE】
- 大自然音乐系列《花漾物语》[WAV/CUE/分轨][473MB]
- 大自然音乐系列《轻风细雨》[WAV/CUE/分轨][568.3MB]
- 大自然音乐系列《听见向日葵的微笑》[WAV/CUE/分轨][538.5MB]
- 魔兽世界地心之战戒律牧用什么饰品 地心之战戒律牧饰品推荐
- 魔兽世界地心之战戒律牧用什么合剂食物 地心之战戒律牧合剂食物推荐
- 仙境传说新启航职业排行榜大全 仙境传说最强职业是哪个
- 群星《网络新歌曲速报》3CD[DTS-WAV分轨]
- 群星《男人必听》一张男人开车时必听的绝世好歌[WAV]