微信小程序在發(fā)布的時候,對提交的代碼有 2 MB 大小的限制。開發(fā)之前就需要提前有個心理準(zhǔn)備貌矿。由于我也是第一次做小程序開發(fā)代碼大小就超過了2MB,開發(fā)者工具都無法預(yù)覽了,這就很尷尬了罪佳。我自己的優(yōu)化代碼積的方式也不多逛漫,如果你有更好的方法,可以給我一些指導(dǎo)赘艳,感激不盡哦酌毡。
1.不要引用本地圖片或者圖標(biāo),最好是從服務(wù)器獲取蕾管,遠(yuǎn)程 URL 地址加載圖片枷踏。如果是圖標(biāo)的話,阿里的圖標(biāo)真的很好用掰曾,在小程序中使用也非常的方便旭蠕。
2.優(yōu)化代碼邏輯,這個可能要求有一點高,減少不必要的代碼掏熬,避免出現(xiàn)重復(fù)的代碼佑稠。同時頁面書寫時候也要盡量避免不必要的組件嵌套,能用一個 view 做到的旗芬,就不要再多套一層 view舌胶。對減少代碼尺寸和代碼性能都是有好處的。
3.盡量的復(fù)用頁面疮丛,判斷邏輯寫在頁面中區(qū)分幔嫂。正常的開發(fā)頁面都要盡量分開便于維護(hù),但是在小程序中多一個頁面可就多生成4個文件呢誊薄。所以當(dāng)你無法再優(yōu)化和精簡你的代碼的時候履恩,選擇具有相同功能的頁面盡量復(fù)用吧。畢竟魚和熊掌不可兼得呢蔫,誰叫微信有2M的大小限制呢似袁。
4.使用工具壓縮優(yōu)化代碼。使用一些前端工程化工具來處理我們的代碼咐刨,比如使用 Gulp,結(jié)合一些功能插件扬霜,如:Uglify定鸟、CSS Nano、HTML min 等著瓶。使用這些工具联予,可以讓我們的代碼尺寸小上那么一大截(大約 20%~30%)。網(wǎng)上據(jù)說wepy自帶的build命令壓縮效果要比npm好材原,由于自己開發(fā)使用的就是wepy感覺一般般沸久,其實和普通工程化工具沒什么區(qū)別。