vue项目npm run build 特别慢

Question

vue项目比较大，在执行npm run build 的时候都要一两分钟才能构建完。
有没有什么修改配置的方法能提高构建速度。

Answer 1

从几位回答者中，提到 DllReferencePlugin 提取不常变动的库，我看了一些相关文章，自己尝试，最终才找到解决方案。故将方案总结出来：https://github.com/lin-xin/bl...

Answer 2

前几天我也为这个问题困扰，可以看看这篇文章《如何写一手漂亮的 Vue》http://jeffjade.com/2017/03/1...，里面有提到用 DllReferencePlugin将部分库文件提取不出，不单可以减少vendor的体积，也加快构建速度

Answer 3

把一些不常改动的js等文件打包到vendor里
知识有限，就这些吧，关注别的道友的答案

Answer 4

把生产环境下的 SourceMap 关闭试试
将 config/index.js 中的 productionSourceMap 设置为 false

Answer 5

可以使用externalDllPlugin将公用lib抽离，避免重复打包
顺手丢一个我觉得特别好的文章webpack性能优化

Answer 6

从几个方面考虑：

1. 小图片小文件是不是特别多，如果特别多，不要用 url-loader，改用 file-loader

2. 如果图片及其他资源不经常变化，直接放到项目的 /static 目录下，在用到的地方使用 /static 绝对路径

3. 关闭 SourceMap credit to u3u

4. （大招）可以把 vue、vue-router 以及其他第三方库改为使用 CDN 直接用 script 标签加到 index.html 中 body 关门标签之前，然后在 webpack 配置中加 externals，参见 https://webpack.js.org/config...