vue项目打包后vendor.js过大,CDN引入方式进行项目优化

  1. 第一步:在index.html 中引入

vue项目打包后vendor.js过大,CDN引入方式进行项目优化_第1张图片
注意:引入的位置要放在app上面,版本号和packge.json里面的版本号相同

第二步:在main.js以及其他的例如store.js router.js 里面有通过

import Vue from ‘vue’的地方,统统都注释掉(有的都注释掉)
vue项目打包后vendor.js过大,CDN引入方式进行项目优化_第2张图片


vue项目打包后vendor.js过大,CDN引入方式进行项目优化_第3张图片
延长篇:

对应的vur-router vuex elementui都可以进行忽略打包的优化,详细优化方案见下图
vue项目打包后vendor.js过大,CDN引入方式进行项目优化_第4张图片

打包后的vendor.js 从880k缩小到了99k
vue项目打包后vendor.js过大,CDN引入方式进行项目优化_第5张图片

你可能感兴趣的:(vue.js,前端)