微信小程序分包方法
特性
-
1.7.3 及以上基礎庫開始支持,不支持的版本默認使用整包的方式
-
整個小程序所有分包大小不超過 4M,單個分包/主包大小不能超過 2M
-
分包數量目前沒有限制,也就是說你可以放N個分包,甚至每個頁面一個分包
-
入口頁面/TAB頁面必須在主包里
關于主包
-
第一次進入小程序,默認下載主包代碼
-
分包以外的所有代碼,都會被打入主包
-
分包內代碼可以引用主包內代碼
關于分包
-
因為存在資源依賴關系,微信的機制是先下載主包,后下載分包
-
分包目錄不能在主包目錄下面
-
分包可以引用自己包內、主包內的資源,不能引用其他分包內的資源
坑
-
小程序的打包機制僅僅是根據文件目錄打包,分包內require/import的任何文件,只要不在同一個目錄下面,都不會被打進分包,也就是說,類庫及一些公共文件,只能放在主包里面,如果主包分包劃分不好的話,主包的大小也很難降下來
-
安卓系統進入分包頁面時,會出現一個丑陋的系統級的loading層,這一定程度上影響了安卓的體驗
轉轉的分包加載
轉轉小程序在使用分包之前,壓縮后的代碼量大概是2.45M,也就是說,每個新用戶第一次都需要下載的2.45M代碼才能進入頁面,使用分包機制后,主包大小降為1M左右,也就是說,如果是進入主包頁面, 下載時間大約降低了60%
文件結構:
我們根據用戶訪問的軌跡,分成了20個左右的分包。 例如trade包,里面包含詳情頁、下單頁、支付頁、支付成功頁等,這條線的頁面,用戶可能不需要一進入小程序就使用,但一旦使用可能是使用整個鏈條,因此可以作為一個分包。
歷史入口兼容
一個頁面放入分包之后,路徑會發生變化,例如詳情頁由/pages/detail變為/subPages/trade/detail,意味著如果用戶訪問了以前的page則得不到正確的頁面響應(例如:分享出去的小程序卡片、二維碼、公眾號推送消息等),這些靜態不可改變的歷史入口怎么辦?我們目前采用如下方案:
原來主包內的每個頁面都保留,但代碼只保留跳轉邏輯,用戶進來后立即跳到對應的分包頁面,用戶幾乎是無感知的
這樣也會產生一點小問題:這些跳轉頁面也占用一定的空間,接下來我們會優化成在onLaunch、頁面跳轉時進行判斷,直接跳入正確的分包頁面。
微信小程序分包加載更多推薦:
- 第 1 頁【小程序開發】微信小程序分包加載實戰
- 第 2 頁【小程序分包加載】 微信小程序分包方法