首屏優化主要思想是通過 分包加載，減少 app.js 的體積來達到 快速加載的目的，本文主要采用 webpack 的 externals 配合 cdn 實作的首屏優化
1. 配置 webpack
configureWebpack：{
externals: {
'vue': 'Vue', // vue 是 npm 包對應的名字，Vue 是你在專案中使用的變數名
'vuex': 'Vuex',
'axios': 'axios',
'element-ui': 'ELEMENT'
}
}
2. index.html 換上cdn
使用cdn 最好鎖定版本，以免更新帶來不必要的困擾，我這里使用的 bootcdn，當然，也可以下載至本地
3. 這也是最為關鍵的一步，將使用 impot 引入，并且在 exteranls 注冊的npm 包注釋,如下
在專案中 直接使用 Vue Vuex axios ELEMENT 便可
ps： element-ui 在 exteranls 注冊后必須使用全部大寫，我也不知道為啥，其次Vue.user() Vue.mixin() 使用會報錯
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/4037.html
標籤：JavaScript
上一篇：js筆記合集