首屏優(yōu)化主要思想是通過 分包加載，減少 app.js 的體積來達(dá)到 快速加載的目的，本文主要采用 webpack 的 externals 配合 cdn 實(shí)現(xiàn)的首屏優(yōu)化

　　1. 配置 webpack 

configureWebpack：{
       externals: { 
      'vue': 'Vue', // vue 是 npm 包對(duì)應(yīng)的名字，Vue 是你在項(xiàng)目中使用的變量名
      'vuex': 'Vuex',
      'axios': 'axios',
      'element-ui': 'ELEMENT'
    }
}

　　2. index.html 換上cdn

使用cdn 最好鎖定版本，以免更新帶來不必要的困擾，我這里使用的 bootcdn，當(dāng)然，也可以下載至本地

3. 這也是最為關(guān)鍵的一步，將使用 impot 引入，并且在 exteranls 注冊(cè)的npm 包注釋,如下

 　在項(xiàng)目中 直接使用 Vue Vuex axios ELEMENT 便可

ps： element-ui 在 exteranls 注冊(cè)后必須使用全部大寫，我也不知道為啥，其次Vue.user() Vue.mixin() 使用會(huì)報(bào)錯(cuò)