vue 打包优化_优化vue项目打包速度(webpack)

提高 webpack 构建速度的一些方法：

• 减少 resolve 的解析
• 减少 plugin 的消耗
• 换种方式处理图片
• 使用 DLLPlugin
• 积极更新 webpack 版本

http://www.hangge.com/blog/cache/detail_2105.html​www.hangge.com

Vue.js - 提高项目build打包速度（webpack构建性能优化技巧汇总）

Vue.js - 提高项目build打包速度（webpack构建性能优化技巧汇总）​www.hangge.com

原打包速度

添加：webpack-parallel-uglify-plugin 后

添加

modules: [
      resolve('src'),
      resolve('node_modules'),
      resolve('static') 
    ],

注意这里的resolve('static')， 因为项目目录中

有部分书写不规范将静态资源放到了src同级目录static里面了，所以要加上

加 HappyPack 时间反而变长了 看来我的项目不够大，删掉删掉

加DllPlugin， binggo 可以！

参考

DllPlugin提升webpack打包速度​www.jianshu.com

DllPlugin提升webpack打包速度​www.jianshu.com

DllPlugin | webpack​link.jianshu.com 人类身份验证 - SegmentFault​segmentfault.com Webpack 打包优化之速度篇​ningyu1.github.io Webpack 打包优化之体积篇​ningyu1.github.io