前言
最近自己做一个小网站，因为服务器性能不是很好，导致不大的项目加载特别慢，一个页面超过十几秒，看了下，主要是图片和压缩整合后的js及css,尤其是chunk-vendors的js和css,上网查了下，chunk-vendors主要是组件和依赖，所有特别大。后来打算使用CDN的方式。
使用过程及问题解决
最开始我仅通过CDN引入vue-router和axios,按照网上大部分的做法，没有问题，但是在我引入elementUI后，网页就报错找不到对应使用的组件了，在网上查解决办法，给配置文件的属性值全大写并没有用，后来在别人的一个博客上看到说
必须将vue也用CDN引入的方式elementUI才能用，
oh god，真坑啊。
下面介绍我的使用：
- index.html引入cdn依赖 ：
<!-- 引入elementui样式 --> <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"> <!-- 引入vue --> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <!-- 引入组件库 --> <script src="https://unpkg.com/element-ui/lib/index.js"></script> - vue.config.js配置组件 :(我的开发版本需要自己建config.js)
- 去掉组件的import ：
// import Vue from 'vue' 去掉vue引入 //去掉 element ，主要vue.vue（ElementUI）也要去掉 // element ui // import ElementUI from 'element-ui' // import 'element-ui/lib/theme-chalk/index.css'; // Vue.use(ElementUI) 原文链接：https://blog.csdn.net/cheeseC/article/details/107383133?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522165934458816782246446218%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fblog.%2522%257D&request_id=165934458816782246446218&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~blog~first_rank_ecpm_v1~times_rank-11-107383133-null-null.nonecase&utm_term=%E8%87%AA%E5%BB%BAcdn
原创文章，作者：优速盾-小U，如若转载，请注明出处：https://www.cdnb.net/bbs/archives/5882
