小程式代碼體積優化

微信小程式在釋出的時候，對送出的代碼有 2 MB 大小的限制。開發之前就需要提前有個心理準備。由于我也是第一次做小程式開發代碼大小就超過了2MB,開發者工具都無法預覽了，這就很尴尬了。我自己的優化代碼積的方式也不多，如果你有更好的方法，可以給我一些指導，感激不盡哦。

1.不要引用本地圖檔或者圖示，最好是從伺服器擷取，遠端 URL 位址加載圖檔。如果是圖示的話，阿裡的圖示真的很好用，在小程式中使用也非常的友善。

2.優化代碼邏輯，這個可能要求有一點高，減少不必要的代碼，避免出現重複的代碼。同時頁面書寫時候也要盡量避免不必要的元件嵌套，能用一個 view 做到的，就不要再多套一層 view。對減少代碼尺寸和代碼性能都是有好處的。

3.盡量的複用頁面，判斷邏輯寫在頁面中區分。正常的開發頁面都要盡量分開便于維護，但是在小程式中多一個頁面可就多生成4個檔案呢。是以當你無法再優化和精簡你的代碼的時候，選擇具有相同功能的頁面盡量複用吧。畢竟魚和熊掌不可兼得，誰叫微信有2M的大小限制呢。

4.使用工具壓縮優化代碼。使用一些前端工程化工具來處理我們的代碼，比如使用 Gulp，結合一些功能插件，如：Uglify、CSS Nano、HTML min 等。使用這些工具，可以讓我們的代碼尺寸小上那麼一大截（大約 20%~30%）。網上據說wepy自帶的build指令壓縮效果要比npm好，由于自己開發使用的就是wepy感覺一般，其實和普通工程化工具沒什麼差別。