vue项目npm run build 特别慢

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

阅读 30.8k
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...

推荐问题
宣传栏