一：使用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

推薦閱讀：Vue項目使用CDN優化首屏加載問題

總結

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