vue项目npm run build 特别慢

linshuai
  • 4.3k

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

回复
阅读 16.3k
6 个回答
✓ 已被采纳

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

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

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

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

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

从几个方面考虑:

  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...

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏