一：使用CDN資源

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

1：打開webpack.base.conf.js

module.exports = {   externals: {    ‘vue‘: ‘Vue‘,    ‘a(chǎn)xios‘: ‘a(chǎn)xios‘,    ‘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)

打包后可能出現(xiàn)的問題

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

原因：暫不明。

解決方法：不用keep-alive

推薦閱讀：Vue項目使用CDN優(yōu)化首屏加載問題

總結(jié)

以上所述是小編給大家介紹的vuejs項目打包之后的首屏加載優(yōu)化及打包之后出現(xiàn)的問題，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復大家的！