微信小程序分號

1. 分包非同步化 - 小程序代碼體積最佳實踐

作者：范偉傑、江子瑋

面對小程序嚴格的包體積限制，開發人員不得不在業務與技術之間尋找平衡。常規策略包括：雲化非核心靜態資源、採用子包拆分（可能導致頻繁的代碼調整和測試），以及代碼抽象和復用第三方SDK的精簡管理。盡管如此，一個項目仍然承載著1820kb的龐大體積，僅餘200kb的空間，壓力可見一斑。

在探索中，我們發現了小程序鮮為人知的分包非同步載入功能——一個在問世兩年多後仍未充分應用的特性。這一特性允許將應用分解為多個下載單元，部分跨包內容非同步載入，主包可依賴於子包。在實踐中，我們嘗試了多子包共用組件和非同步渲染流程，但挑戰也隨之而來，如何在確保佔位組件適時替換為非同步載入的組件時避免渲染時機的不確定性？為此，我們引入了async和suspense組件，它們就像是處理這種復雜場景的得力助手。

1. 組件就緒與子包載入管理：微信的wx.onLazyLoadError函數成為我們監聽子包載入失敗的關鍵，但務必確保基礎庫版本升級至2.24.3以上，以充分利用其功能。


2. require.async優化：為了克服其兼容性和使用難題，我們自創了一款SWC Plugin，將動態import轉換為require.async，從而提升代碼的可維護性和效率。


3. 子包設計原則：在主包非同步載入子包時，強調子包的輕量化，避免過早引用引發主包邏輯初始化失敗的錯誤，使開發流程更為流暢。


4. 體積與效率的雙贏：通過上述優化，主包代碼體積得以顯著縮減，開發者的焦點更加聚焦於核心業務，效率和性能同步提升。

我們的探索仍在持續，未來將有更多優化手段助力開發者解決這一挑戰。敬請關注我們的最新進展。