解決uniapp上傳小程序體積過大的問題
概述
在昨天的工作中遇到了一個(gè)微信小程序上傳代碼過大的情況，在這里總結(jié)一下具體的解決步驟，首先介紹一下，技術(shù)棧是使用uniapp框架+HBuilderX的開發(fā)環(huán)境。
錯(cuò)誤提示
真機(jī)調(diào)試，提示包提交過大，不能正常生成二維碼，后續(xù)上傳代碼更是不可能了，減少包中的體積順著這條思路去解決問題。
1.靜態(tài)圖片資源改變成網(wǎng)絡(luò)請(qǐng)求的方式
我們使用的初衷是，把圖片加載在static本地，緩存在本地，以便提升更快的響應(yīng)速度，第一步剝離大的圖片更換成網(wǎng)絡(luò)請(qǐng)求，順著編輯器提示去處理。
2.對(duì)小程序進(jìn)行分包
小程序主包最大可以加載到1.5M，加載所有的依賴和插件不能大于2M，小程序中有個(gè)解決辦法是對(duì)小程序進(jìn)行分包處理，使每個(gè)包保持在2M的大小，主包和分包之間直接進(jìn)行跳轉(zhuǎn)，分包和分包不能跳轉(zhuǎn)。
"optimization" : {
"subPackages" : true
},進(jìn)行了拆包還是沒有解決問題，分包的作用主要運(yùn)行的是代碼，也就是說代碼要盡量的小，多了需要進(jìn)行分解。
3.壓縮vendor.js
昨天真正的定位問題是vendor.js 1.88M ，小程序開發(fā)代碼工具-詳情-代碼依賴分析中查看，解決vendor.js才是根本的解決之道。
使用HBuilderX打包上傳來解決問題，HBuilderX -> 發(fā)行 -> 小程序(微信)，操作的過程失敗了一次，是因?yàn)樾枰⒁獾氖切枰壎ㄩ_發(fā)者后臺(tái)的地方，開發(fā)管理->開發(fā)設(shè)置->小程序代碼上傳下載小程序代碼上傳密鑰和綁定IP白名單，這個(gè)需要管理員同意。
最后包的體積從12.88M壓縮到了4.16M，問題得以解決。
到此這篇關(guān)于uniapp解決上傳小程序體積過大的問題的文章就介紹到這了,更多相關(guān)uniapp上傳小程序體積過大內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
按位“異或”運(yùn)算符 (^)是對(duì)兩個(gè)表達(dá)式執(zhí)行按位異或，下面為大家介紹下其具體的使用方法2014-03-03
JavaScript 正則表達(dá)式中g(shù)lobal模式的特性
這篇文章主要介紹了JavaScript 正則表達(dá)式中g(shù)lobal模式的特性 的相關(guān)資料,需要的朋友可以參考下2016-02-02
JavaScript判斷兩個(gè)對(duì)象是否相等的方法總結(jié)
判斷兩個(gè)對(duì)象是否相等是js中的一個(gè)很常見的內(nèi)容,不同的編程語言和環(huán)境可能會(huì)有不同的方式來實(shí)現(xiàn)這一目標(biāo),在 JavaScript 中,判斷兩個(gè)對(duì)象是否相等主要有以下幾種方法,感興趣的小伙伴跟著小編一起來看看吧2024-08-08
這篇文章主要介紹了探究一道價(jià)值25k的螞蟻金服異步串行面試題，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08
純HTML+CSS+JS實(shí)現(xiàn)優(yōu)雅的Popup彈窗功能(附完整代碼與最佳實(shí)踐)
在互聯(lián)網(wǎng)時(shí)代,彈窗是一種常見的交互方式,它可以用于顯示重要信息、廣告、登錄表單等,這篇文章主要介紹了純HTML+CSS+JS實(shí)現(xiàn)優(yōu)雅的Popup彈窗功能的相關(guān)資料,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2026-02-02
onerror事件用來協(xié)助處理頁面中的JavaScript錯(cuò)誤主要包括：Window.onerror事件,img載入錯(cuò)誤，接下來為大家詳細(xì)介紹下，感興趣的朋友可以參考下哈2013-04-04
這里我們來解析瀏覽器端的AJAX緩存機(jī)制,來共同看一下AJAX緩存與HTTP緩存的關(guān)系以及AJAX緩存的刷新時(shí)間問題2016-06-06
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)上下滑動(dòng)輪播，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
這篇文章主要為大家詳細(xì)介紹了微信小程序自定義支持圖片的彈窗，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-12-12
JS實(shí)現(xiàn)圖片無間斷滾動(dòng)代碼匯總
這篇文章主要介紹了JS實(shí)現(xiàn)圖片無間斷滾動(dòng)代碼匯總,非常實(shí)用的特效代碼,需要的朋友可以參考下2014-07-07