vue实战优化 打包后 vender文件过大问题

1.查看vue、vue-router、axios、echarts、v-charts 、vant 版本:
2.在index.html 中引入

注意:有些文件如果直接写cdn 地址,如果线上地址更新就会出问题,所以可以下载到本地直接引入


3.在main.js中

  • 去掉 import Vue from ‘vue’;
  • import Vant from ‘vant’;
    去掉 vant的css样式
    Vue.use(Vant);
  • 去掉使用vue-router ,在路由页面可以直接使用new VueRouter;
  • axios封装中 import Axios from ‘axios’;
  • import VCharts from ‘v-charts’;
    Vue.use(VCharts);
  • echarts 可以在使用的页面直接引入使用
    4.package.json 中删除包

以下正常开发;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值