vue-cli如何优化打包后的vendor过大的情况
2018-11-07 本文已影响0人
用技术改变世界
1.在config里面的index.js里修改productionSourceMap 为false,打包后vendor.js的体积可减少80%。自己可以build 后对比下
2.采用cdn加速去从别的服务器上加载第三方库而非你自己的服务器,这样就会快很多,还能减少自己的带宽。
解决步骤:
(1)选用unpkg来作为第三方提供,如我想要axios包则输入网址为https://unpkg.com/axios/(末尾加斜杠代表你要查询该库的所有版本列表),然后你可以选择对应的 版本
如https://unpkg.com/axios@0.18.0/index.js.
其中@0.18.0为库的版本号,若不写则默认最新版本,如下图:
index.html(2)在webpack base conf 中添加externals来告诉webpack我们这些第三方库不需要打包如下图
webpack.base.conf(3)执行npm run build 来验证是否减小了 。