vue 配置CDN加速

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

<!-- 引入樣式 -->
  <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 后面，否則報錯。其他的包也類似，這樣 頁面加載速度不能說飛快，但有質的提升