美文网首页
vue-cli如何优化打包后的vendor过大的情况

vue-cli如何优化打包后的vendor过大的情况

作者: 用技术改变世界 | 来源:发表于2018-11-07 13:03 被阅读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 来验证是否减小了  。

    相关文章

      网友评论

          本文标题:vue-cli如何优化打包后的vendor过大的情况

          本文链接:https://www.haomeiwen.com/subject/qenmxqtx.html