解決uniapp上傳小程序體積過(guò)大的問(wèn)題
概述
在昨天的工作中遇到了一個(gè)微信小程序上傳代碼過(guò)大的情況，在這里總結(jié)一下具體的解決步驟，首先介紹一下，技術(shù)棧是使用uniapp框架+HBuilderX的開(kāi)發(fā)環(huán)境。
錯(cuò)誤提示
真機(jī)調(diào)試，提示包提交過(guò)大，不能正常生成二維碼，后續(xù)上傳代碼更是不可能了，減少包中的體積順著這條思路去解決問(wèn)題。
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)行了拆包還是沒(méi)有解決問(wèn)題，分包的作用主要運(yùn)行的是代碼，也就是說(shuō)代碼要盡量的小，多了需要進(jìn)行分解。
3.壓縮vendor.js
昨天真正的定位問(wèn)題是vendor.js 1.88M ，小程序開(kāi)發(fā)代碼工具-詳情-代碼依賴分析中查看，解決vendor.js才是根本的解決之道。
使用HBuilderX打包上傳來(lái)解決問(wèn)題，HBuilderX -> 發(fā)行 -> 小程序(微信)，操作的過(guò)程失敗了一次，是因?yàn)樾枰⒁獾氖切枰壎ㄩ_(kāi)發(fā)者后臺(tái)的地方，開(kāi)發(fā)管理->開(kāi)發(fā)設(shè)置->小程序代碼上傳下載小程序代碼上傳密鑰和綁定IP白名單，這個(gè)需要管理員同意。
最后包的體積從12.88M壓縮到了4.16M，問(wèn)題得以解決。
到此這篇關(guān)于uniapp解決上傳小程序體積過(guò)大的問(wèn)題的文章就介紹到這了,更多相關(guān)uniapp上傳小程序體積過(guò)大內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
JavaScript在IE中“意外地調(diào)用了方法或?qū)傩栽L問(wèn)”
FF是正常的，IE報(bào)“意外地調(diào)用了方法或?qū)傩栽L問(wèn)”。2008-11-11
JavaScript監(jiān)聽(tīng)手機(jī)物理返回鍵的兩種解決方法
JavaScript沒(méi)有監(jiān)聽(tīng)物理返回鍵的API，所以只能使用 popstate 事件監(jiān)聽(tīng)。接下來(lái)通過(guò)本文給大家分享JavaScript監(jiān)聽(tīng)手機(jī)物理返回鍵的兩種解決方法，感興趣的朋友一起看看吧2017-08-08
JavaScript實(shí)現(xiàn)捕獲鼠標(biāo)坐標(biāo)
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)捕獲鼠標(biāo)坐標(biāo)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-04-04
JavaScript調(diào)用C語(yǔ)言的幾種方式
本文主要介紹了JavaScript調(diào)用C語(yǔ)言的幾種方式，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-02-02
Javascript中的對(duì)像賦值與Java中是一樣的,都為引用傳遞.就是說(shuō),在把一個(gè)對(duì)像賦值給一個(gè)變量時(shí),那么這個(gè)變量所指向的仍就是原來(lái)對(duì)像的地址.那怎么來(lái)做呢 答案是克隆.2008-12-12
使用JS中的Replace()方法遇到的問(wèn)題小結(jié)
這篇文章主要介紹了使用JS中的Replace()方法遇到的問(wèn)題小結(jié),需要的朋友可以參考下2017-10-10
這篇文章主要介紹了JavaScript中神奇的call()方法,本文用淺顯的語(yǔ)言幫助你加深理解call()方法,需要的朋友可以參考下2015-03-03
JavaScript語(yǔ)句錯(cuò)誤throw、try及catch實(shí)例解析
這篇文章主要介紹了JavaScript語(yǔ)句錯(cuò)誤throw、try及catch實(shí)例解析,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-08-08
JavaScript 數(shù)組常見(jiàn)操作技巧 (二)
這篇文章主要介紹了JavaScript 數(shù)組常見(jiàn)操作技巧，上一篇文章已經(jīng)給大家分享了（一），下面緊接上一篇文章分享下面技巧，需要的小伙伴可以參考一下2022-02-02
基于JavaScript實(shí)現(xiàn)彈出框效果
彈出框在網(wǎng)站頁(yè)面中是必不可少的一部分，今天借助腳本之家平臺(tái)給大家分享使用js實(shí)現(xiàn)簡(jiǎn)單的彈出框效果，感興趣的朋友一起學(xué)習(xí)吧2016-02-02