vue 配置CDN加速

1、首先index.html 中配置cdn 引入

?

1 2 3 4 5 6

<!-- 引入样式 -->   <link rel="stylesheet" href="//cdn.bootcss.com/element-ui/2.12.0/theme-chalk/index.css">   <!-- 引入组件库 -->   <script src="//cdn.bootcss.com/vue/2.5.2/vue.min.js"></script>   <script src="//cdn.bootcss.com/element-ui/2.12.0/index.js"></script>   <script src="//cdn.bootcss.com/vue-router/3.0.1/vue-router.min.js"></script>

2、main.js 引用

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

3、build/webpack.base.conf.js 中定义声明

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

4、package.json 去除

"dependencies": {
 //"element-ui": "^2.12.0",
    //"vue": "^2.5.2",
    //"vue-resource": "^1.5.0",
    //"vue-router": "^3.0.1",
  },

 

记住：element 要在vue 后面，否则报错。其他的包也类似，这样 页面加载速度不能说飞快，但有质的提升