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 来验证是否减小了 。
网友评论