vue-cli2 使用cdn引入js

日常检查，发现我司一页面首屏打开耗时10s+，于是研究了一下，改了下js文件的引入方式，速度快了4倍有余！！

vue-cli3 使用cdn引入js

以 vue 和 element-ui 为例

1. index.html引入

我开始把

2. webpack.base.config.js配置

element-ui的cdn全局变量名称就是 ELEMENT，不要随意改，否则会报 element-ui undefined 之类的错误；总之就是要用对的变量名称，不知道的话去源码查一下；

module.exports = {
...
  externals: {
    'vue': 'Vue',
    'element-ui': 'ELEMENT'
  }
}

3. main.js使用

入口文件 main.js 里importvue 和 element-ui，剩下的就没差了；

import Vue from 'vue'
import ElementUI from 'element-ui'
Vue.use(ElementUI)

最后

从外部引入cdn的大致方法就是如此了，可能因项目而异，祝君顺利吧~