vue2配置element-ui的cdn,并且配置主题色

1.首先需要在package.json查看自己项目vue，element-ui,vue-router对应的版本

2.然后在index.html文件中引入对应版本的cdn， 引入vue.js的cdn一定要放在其他两个前面要不然会报错

<link rel="stylesheet" href="https://unpkg.com/element-ui@2.15.8/lib/theme-chalk/index.css">


<script src="https://unpkg.com/vue@2.6.10/dist/vue.js"></script>
<script src="https://unpkg.com/element-ui@2.15.8/lib/index.js"></script>
<script src="https://cdn.bootcss.com/vue-router/3.0.6/vue-router.min.js"></script>

3.然后再vue.config.js中配置webpack

module.exports = { 
configureWebpack: {
    externals: {
      // CDN 的 Element 依赖全局变量 Vue， 所以 Vue 也需要使用 CDN 引入
      'vue': 'Vue',
      // 不去 node_modules 中找，而是去找 全局变量 ELEMENT
      'element-ui': 'ELEMENT'
    },
  }
}

4.最后去除main.js中引入的element-ui文件

5.重新启动项目就行了

配置element全局主题色

1. 

2.

3.

4.解压

5.引入

这样就完成了。