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