微信小程序分号

1. 分包异步化 - 小程序代码体积最佳实践

作者：范伟杰、江子玮

面对小程序严格的包体积限制，开发人员不得不在业务与技术之间寻找平衡。常规策略包括：云化非核心静态资源、采用子包拆分（可能导致频繁的代码调整和测试），以及代码抽象和复用第三方SDK的精简管理。尽管如此，一个项目仍然承载着1820kb的庞大体积，仅余200kb的空间，压力可见一斑。

在探索中，我们发现了小程序鲜为人知的分包异步加载功能——一个在问世两年多后仍未充分应用的特性。这一特性允许将应用分解为多个下载单元，部分跨包内容异步加载，主包可依赖于子包。在实践中，我们尝试了多子包共用组件和异步渲染流程，但挑战也随之而来，如何在确保占位组件适时替换为异步加载的组件时避免渲染时机的不确定性？为此，我们引入了async和suspense组件，它们就像是处理这种复杂场景的得力助手。

1. 组件就绪与子包加载管理：微信的wx.onLazyLoadError函数成为我们监听子包加载失败的关键，但务必确保基础库版本升级至2.24.3以上，以充分利用其功能。


2. require.async优化：为了克服其兼容性和使用难题，我们自创了一款SWC Plugin，将动态import转换为require.async，从而提升代码的可维护性和效率。


3. 子包设计原则：在主包异步加载子包时，强调子包的轻量化，避免过早引用引发主包逻辑初始化失败的错误，使开发流程更为流畅。


4. 体积与效率的双赢：通过上述优化，主包代码体积得以显著缩减，开发者的焦点更加聚焦于核心业务，效率和性能同步提升。

我们的探索仍在持续，未来将有更多优化手段助力开发者解决这一挑战。敬请关注我们的最新进展。