首屏优化主要思想是经过 分包加载,减小 app.js 的体积来达到 快速加载的目的,本文主要采用 webpack 的 externals 配合 cdn 实现的首屏优化html
1. 配置 webpack vue
configureWebpack:{ externals: { 'vue': 'Vue', // vue 是 npm 包对应的名字,Vue 是你在项目中使用的变量名 'vuex': 'Vuex', 'axios': 'axios', 'element-ui': 'ELEMENT' } }
2. index.html 换上cdnwebpack
使用cdn 最好锁定版本,以避免更新带来没必要要的困扰,我这里使用的 bootcdn,固然,也能够下载至本地ios
3. 这也是最为关键的一步,将使用 impot 引入,而且在 exteranls 注册的npm 包注释,以下web
在项目中 直接使用 Vue Vuex axios ELEMENT 即可vuex
ps: element-ui 在 exteranls 注册后必须使用所有大写,我也不知道为啥,其次Vue.user() Vue.mixin() 使用会报错npm