首屏優(yōu)化主要思想是通過 分包加載,減少 app.js 的體積來達到 快速加載的目的,本文主要采用 webpack 的 externals 配合 cdn 實現(xiàn)的首屏優(yōu)化 1. 配置 webpack configureWebpack:{ externals: { 'vue': 'Vue', // vue 是 npm 包對應(yīng)的名字,Vue 是你在項目中使用的變量名 'vuex': 'Vuex', 'axios': 'axios', 'element-ui': 'ELEMENT' } } 2. index.html 換上cdn
使用cdn 最好鎖定版本,以免更新帶來不必要的困擾,我這里使用的 bootcdn,當(dāng)然,也可以下載至本地 3. 這也是最為關(guān)鍵的一步,將使用 impot 引入,并且在 exteranls 注冊的npm 包注釋,如下
在項目中 直接使用 Vue Vuex axios ELEMENT 便可 ps: element-ui 在 exteranls 注冊后必須使用全部大寫,我也不知道為啥,其次Vue.user() Vue.mixin() 使用會報錯 |
|