解决vue打包后提示文件过大的警告

首先先列出我这个出现的三个警告
第一个是css有问题
第二个是js文件过大
第三个是css文件过大

在这里插入图片描述

解决 :针对第一个css的警告
在我项目里用的element ui
出现这个警告是因为我vue组件里重写了关于ele样式 ,经过测试,把重置ele样式删除掉在打包,就不会出现这个警告了。
所以我把这个样式放到了在这里插入图片描述
到此 ,第一个警告就解决了

针对第二个、第三个警告 我经过百度,最后是通过cdn解决了
首先 ,我的脚手架是vue-cli3.0
一下是我写的相关代码

这个是配置
在这里插入图片描述

接下来在 index.html引用

在这里插入图片描述

注意:我当时只是想ele 做 cdn,所以没有打算 vue这个依赖也做cdn,也就是说 index.html里面没有引用vue.js的cdn, 这个时候就报错了,报错如下:

在这里插入图片描述

后来左右尝试 ,只有在把vue也做cdn使用的时候,ele才能正常使用哦。

引用完之后,就可以执行打包,看效果了。
ps:我百度到很多文章,提到用了cdn , 就把 import… vue.use(xxx),删掉,
关于这个我测试了一下 如果不删也是一样的,就是不知道删与不删的利与弊了
这个项目里面 关于ele的我删掉了 vue的没有删除

关于vuerouter的我删除会报错,所以没有删除。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值