vuejs學習之 項目打包之後的首屏加載優化

一：使用CDN資源

我們在打包時，會將package.json裏，dependencies對象裏插件打包起來，我們可以將其中的一些使用cdn的方式加載，例如不想把vue，axios，vuex，vue-router打包到我們項目中，我們需要這樣：

1：打開webpack.base.conf.js

module.exports = {
     externals: {
        ‘vue‘: ‘Vue‘,
        ‘axios‘: ‘axios‘,
        ‘vuex‘: ‘Vuex‘,
        ‘vue-router‘: ‘VueRouter‘
  }
}

2:打開router/index.js。註銷掉以下兩行

//import Vue from ‘vue‘
//Vue.use(Router)

3：如果你使用了vuex，把vuex/index.js（命名各有不同）中的Vue.use(Vuex)註銷了

Vue.use(Vuex)

打包後可能出現的問題

1：被keep-alive包圍的元素無法顯示

原因：暫不明。

解決方法：不用keep-alive

vuejs學習之 項目打包之後的首屏加載優化