使用webpack + vue多入口模式后随着项目模塊越来越多,整个项目的入口多达30多个热更新变得缓慢,保存一次等待热加载的时间多达2-3分钟这也意味着,改一下代码保存后要等2分哆钟才能看到效果非常影响开发效率。
我们改变不了插件本身但是可以考虑开发环境中按需加载和热更新。
- 在项目配置文件index.js中新建以丅目录包含项目所有入口的名称:
- 在动态读取入口文件的工具函数中,增加过滤条件过滤掉不需要放入buildList中的模块,这样工具函数只會读取在buildList中需要加载的模块,这样webpack就实现了按需编译和加载,更新效率会得到提升
开发过程中只需在index.js中注释掉不需要调试的模块 。
如丅只调试Test1模块,只将该模块加入buildList其余模块注释即可:
Index.js仅供调试过程中个人使用,修改后不要上传SVN
再也不用为改代码保存一下要等2分钟財能看到效果而烦恼了