vue 文件多了， webpack 热加载很慢？

[yantianqi]

有什么解决办法吗？

[panyanyany]

这个慢是指有多慢呢？

[murmur]

多是指多多呢
我感觉如果 hmr 在 5 秒内能刷新出来我都不会去管他

[boqiao]

dll 拆分库
vue 加缓存
使用 HappyPack

[duan602728596]

升级到 webpack4，webpack4 的构建速度大幅度提升

[duan602728596]

还有 babel-loader 也要使用缓存

[yantianqi]

@panyanyany
@murmur
大概 10s 以上吧？

[dnxbf321]

webpack entry 过滤一下，不相干的不要进入编译

[mooo]

热加载不是只构建修改的吗，10s 的话应该是配置不对。 把没修改的也重新构建了

[RaymondYip]

dll
缓存
resolve 配置
webpack analyze 看有啥库文件打包特别耗时间

[Veigar]

react 了解一下

[klesh]

我遇到过是 npm 装的包有问题 hmr 要 20s 左右，用 yarn 重装一下，下降到 2s 多。试一下？

[h1367500190]

@Veigar 不太明白 V2EX 上遍地这种回复有什么意义，人家问 Vue 的问题叫人转 react，问 JAVA 问题又搬出 C，问安卓问题又说苹果怎么怎么样。。。

[h1367500190]

@dnxbf321 感觉他是因为没有拆分模块导致的整个应用重载或大面积重载

[codermagefox]

点我最近刚好在看 webpack，如果楼主时间多可以去我博客看一下 webpack 相关的三篇文章，不要脸的放一下博客

http://note.codermagefox.com/blog/magefox

如果时间不够只是想解决这个问题，那么我尝试正儿八经回答一下。优先级从上到下依次排列：

0.代码中是否有过多实例？
1.把 webpack 升级到 4.0。
2.优化 entrys.。
3.使用 DLLplugin,happypack 等构建加速插件。
4.检查 loader/eslint 是否配置错误 /不合理.
5.根据开发 /生产环境配置不同的 webpack 流程，或者使用 webpack4.0 的 mode 进行处理
6.babel 是否 exclude 掉了 node_modules，是否开启了 cacheDirectory
7.resolve 的文件夹是否过多？
8.是否使用 HMR 替换了 HotReload?
9.loader 是否正确的配置了生命周期且只干了必须要干的活？
10.是否使用了过多无必要的插件？
11.是否开启了 uglifyjs-webpack-plugin 的 cache ？

做完以上检查，如果还不行，那大概是没救了（

[Kongtou]

现在前端都是什么些废物工具，webpack 热加载？不会连个缓存都没有吧？

[zzNucker]

@Kongtou 不懂哔哔啥？ 你这种人当后端也是废物一个

[codermagefox]

@Kongtou #15 兄弟，diss 前端确实是政治正确，不过我觉得解决问题比较重要，你认为呢

[Kongtou]

@zzNucker #16 我不懂？呵呵

[mooo]

@Kongtou 你确定不懂， 这东西的热加载其实就是增量构建， 和缓存没关系...........................

[hronro]

你是没遇到我这种。热加载用了 5 分钟，生产环境在 CI 上构建，跑了一个小时没跑完，直接超时了。