首先先列出我这个出现的三个警告
第一个是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的我删除会报错,所以没有删除。

Logo

前往低代码交流专区

更多推荐