wepack 打包 vue项目 时间总在十几分钟,非常慢?

1.项目是用的异步加载的方式,这样导致打包本来比较的慢,然后随着项目的不断变大,打包的时间经常是在10多分钟的情况
图片描述

这个是接近20分钟的打包时间,
然后下图是打包出来的
clipboard.png
clipboard.png
clipboard.png
clipboard.png
clipboard.png
clipboard.png
clipboard.png

这个是什么原因导致的呢? 然后是否有比较好的办法呢?不甚感激!

非常感谢楼下提供的速度插件,现在贴上最后的时间统计:
clipboard.png

阅读 5.7k
4 个回答

做了dll了么?

    new webpack.DllReferencePlugin({
      context: path.resolve(__dirname, '..'),
      manifest: require('./vendor-manifest.json')
    }),

推荐你用这个插件https://github.com/stephencoo...

检测一下你的代码构建慢在哪里,然后才能对症下药。 只说慢,很难做针对性优化。

通用的优化手段网上一堆,我就没必要在这里班门弄斧了。

我相信你是想找到针对你项目的能起到显而易见效果的具体优化措施。

最后三个转xlsx的js依赖通过cdn引入吧,不要参与打包了,你这个项目看着很大啊,感觉规划应该不合理,vendor.js那么大,该提取出来的依赖应该提取出来

什么插件都不能有很好的优化,要把基础代码剥离出来,自己去引入

比如使用

externals: {
        'vue': 'Vue',
        'vue-router': 'VueRouter',
        'axios': 'axios',
        'vuex': 'Vuex',
        'iview': 'iview',
        'tinymce': 'tinymce'
    },

然后压缩的时候开启多进程压缩会快很多

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