本文介紹uniapp開發(fā)小程序打包優(yōu)化
在使用uniapp開發(fā)微信小程序中森枪,包太大預(yù)覽不了,就很煩∏魉遥現(xiàn)在將自己的解決方案記錄一下疲恢。
一、在hbuilderX中運(yùn)行 ==> 運(yùn)行到小程序模擬器 ==> 打開運(yùn)行時(shí)壓縮代碼瓷胧。
二显拳、分包。將小程序分包處理搓萧,這樣主包的大小就降下來(lái)了杂数。分包建議將tabbar打?yàn)橹靼渌亩疾鸪鋈シ职H绻皇峭ㄓ玫慕M件也建議單獨(dú)放在自己的分包下瘸洛,不要放在主包的components里面揍移。分包的話參照uniapp官方文檔https://uniapp.dcloud.net.cn/collocation/pages.html#subpackages有說(shuō)明。這里就不做解釋反肋。另外分包后還需要在manifest.json中打開源碼視圖mp-weixin下添加如下配置那伐。這樣每個(gè)分包都會(huì)有一個(gè)vendor.js文件。
三石蔗、如果圖片太多的話罕邀,建議放到服務(wù)器上。本地留tabbar導(dǎo)航的幾個(gè)圖標(biāo)就行了
四养距、將css沒用的全都刪了減少體積诉探。
五、做完上面的代碼還是過(guò)大的話棍厌。上我們的終極解決方案肾胯。在hbuilderX中使用發(fā)行。發(fā)行會(huì)減少體積耘纱。我這邊親測(cè)大概少了300kb左右敬肚。
六、別慌還有一個(gè)束析。那就是在微信開發(fā)者工具中將增強(qiáng)編譯關(guān)閉帘皿。如果你勾選了增強(qiáng)編譯。那么在打包時(shí)會(huì)額外引入其他代碼所以打出來(lái)的包會(huì)比你自己本地的代碼要大一些畸陡。
以上就是記錄的小程序體積太大打不了包的優(yōu)化方案鹰溜!