vue-cli 引用elementUI打包后chunk-vendors文件过大
先上打包后的chunk-vendors大小结果图哈:第一步:在vue.config.js 中添加 externals来告诉webpack我们这些第三方库不需要打包,如下图:第二步:在public下的idnex.html头部中加入CDN第三方库引用:第三步:在main.js中删除import 导入的 element-ui 插件:第四步:重新打包查看文件大小?不要着急,彩蛋哟:如果发现没有变化的话,在
·
先上打包后的chunk-vendors大小结果图哈:
第一步:
在vue.config.js 中添加 externals来告诉webpack我们这些第三方库不需要打包,如下图:
第二步:在public下的idnex.html头部中加入CDN第三方库引用:
<link rel="stylesheet" href="https://cdn.staticfile.org/element-ui/2.8.2/theme-chalk/index.css" />
<script src="https://cdn.staticfile.org/element-ui/2.8.2/index.js"></script>
第三步:在main.js中删除import 导入的 element-ui 插件:
第四步:重新打包查看文件大小?
不要着急,彩蛋哟:如果发现没有变化的话,在终端下运行:npm run build 再查看文件大小。
希望对同学们有帮助,也同时记录自己的碰到的错误。
更多推荐
已为社区贡献2条内容
所有评论(0)