解决vue打包后提示文件过大的警告
首先先列出我这个出现的三个警告第一个是css有问题第二个是js文件过大第三个是css文件过大解决 :针对第一个css的警告在我项目里用的element ui出现这个警告是因为我vue组件里重写了关于ele样式 ,经过测试,把重置ele样式删除掉在打包,就不会出现这个警告了。所以我把这个样式放到了到此 ,第一个警告就解决了针对第二个、第三个警告我经过百度,最后是通过cdn解决...
首先先列出我这个出现的三个警告
第一个是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)