vue项目npm run build 特别慢

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

阅读 13.8k
评论
    6 个回答
    • 4.2k

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

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

        • 962

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

          • 5.5k

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

            • 1.6k

            可以使用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...

                撰写回答

                登录后参与交流、获取后续更新提醒

                相似问题
                推荐文章