webpack 优化记

[dengwanc]

使用 webpack cli 分析耗时

webpack --config webpack.config.dev.js -w --profile --progress

使用可视化工具分析包体积

• webpack --json > __stats.json
• https://chrisbateman.github.io/webpack-visualizer/
• 服务器启动时间过长，用 console.time 二分法分析哪个函数占的时间最久
• https://www.reddit.com/r/javascript/comments/3u7gob/babels_poor_performance_what_im_doing_wrong/

结论

• reslove.alias 减少 webpack 反复打包主要依赖包的时间
• webpack2 有性能问题 Turn off Advanced Module Optimization in development webpack/webpack#4716
• 使用 happypack 使编译时间获得数量级的提升 min -> s
• 使用 webpack3 提高性能(优化掉 advanced module optimization 阶段)

^{如果您觉得此文有帮助，可以描二维码打赏点钱给我}

[zav8]

你好，我最近遇到了类似的问题，没找到该怎么解决

使用 webpack3 提高性能(优化掉 advanced module optimization 阶段)

用的是webpack3，这个阶段怎么做可以优化掉呢？

[dengwanc]

@zav8 升级到 webpack 3 即可

[zav8]

是用的3呢，可是这个阶段还是会占用80%的时间(⊙﹏⊙)

[7boy]

是用的3呢，可是这个阶段还是会占用80%的时间(⊙﹏⊙)

现在解决了吗

[zav8]

现在解决了吗

没有，尝试过一些优化策略，但还是不能解决这个问题。之前那个项目太复杂，新的项目也没有遇到这个问题

[dengwanc]

现在解决了吗

没有，尝试过一些优化策略，但还是不能解决这个问题。之前那个项目太复杂，新的项目也没有遇到这个问题

大多数问题，都藏在纷繁复杂的项目中，以至于靠人已经搞不定了