vuejs項目打包之后的首屏加載優(yōu)化及打包之后出現(xiàn)的問題
更新時間：2018年04月01日 09:26:28 投稿：mrr
這篇文章主要介紹了vuejs項目打包之后的首屏加載優(yōu)化及打包之后可能出現(xiàn)的問題,需要的朋友可以參考下
一：使用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
總結(jié)
以上所述是小編給大家介紹的vuejs項目打包之后的首屏加載優(yōu)化及打包之后出現(xiàn)的問題，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復(fù)大家的！
相關(guān)文章
vue3組合式API中setup()概念和reactive()函數(shù)的用法
這篇文章主要介紹了vue3組合式API中setup()概念和reactive()函數(shù)的用法,接下來的事件，我將帶著你從淺到深分析為什么我們需要學習組合式API以及我們的setup()函數(shù)作為入口函數(shù)的一個基本的使用方式，需要的朋友可以參考下2023-03-03
這篇文章主要介紹了vue點擊項目唯一id生成器nanoid的使用方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-05-05
Vue?vant-ui框架實現(xiàn)上拉加載下拉刷新功能
功能需求——獲取后端接口返回的數(shù)據(jù)，實現(xiàn)列表數(shù)據(jù)上滑加載更多下一頁數(shù)據(jù)，下拉數(shù)據(jù)刷新功能，結(jié)合vant-ui框架實現(xiàn)。可直接參考使用2022-09-09
jsMind是一個基于Js的思維導(dǎo)圖庫,jsMind是一個純JavaScript類庫,用于創(chuàng)建、展示和操作思維導(dǎo)圖,這篇文章主要給大家介紹了關(guān)于vue2使用思維導(dǎo)圖jsmind的詳細代碼,需要的朋友可以參考下2024-06-06
Vue $router.push打開新窗口的實現(xiàn)方法
在Vue中,$router.push方法默認不支持在新窗口中打開頁面,但通過結(jié)合window.open方法和$router.resolve方法,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2024-09-09
本篇文章主要介紹了淺談vue路徑優(yōu)化之resolve，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-10-10
vue自定義加載指令v-loading占位圖指令v-showimg
這篇文章主要為大家介紹了vue自定義加載指令和v-loading占位圖指令v-showimg的示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-08-08
記錄一下自己最近開發(fā)vue3.0的小小問題,下面這篇文章主要給大家介紹了關(guān)于vue3輸入框生成的時候如何自動獲取焦點的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-09-09
這篇文章主要介紹了vue.config.js常用配置詳解，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-11-11
這篇文章主要介紹了Vue項目中實現(xiàn)錨點定位，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-04-04