小程序分包策略与实战-优快云博客

本文介绍了小程序分包的原因，包括优化启动下载时间和团队协作。详细讲解了普通分包和独立分包的区别，并给出了配置方法及注意事项。此外，还讨论了分包预下载的配置和限制，以提升用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

文章目录

小程序分包实践

小程序分包实践

为什么要使用分包

首先是业务方面，对小程序进行分包，可以优化小程序首次启动的下载时间；
其次是技术方面，多团队共同开发时可以更好的解耦协作；
最后是微信方面，对于小程序的单个分包/主包大小不能超过 2M。

如何选择分包

分包主要分为普通分包和独立分包，主要的区别在于

独立分包中不能依赖主包和其他分包中的内容，包括js文件、template、wxss、自定义组件、插件等。主包中的app.wxss对独立分包无效、；
App 只能在主包内定义，独立分包中不能定义 App，会造成无法预期的行为；
独立分包中暂时不支持使用插件。

因此，我们选择分包大都选择普通分包，除非是该分包相较于主程序独立，不会产生依赖。

使用普通分包

配置方法

小程序目录结构如下：

├── app.js
├── app.json
├── app.wxss
├── packageA
│   └── pages
│       └── dog
├── packageB
│   └── pages
│       ├── apple
│       └── banana
├── pages
│   ├── index
│   └── logs
└── utils

配置 app.json

{
   
  "pages":[
    "pages/index",
    "pages/logs"
  ],
  "subpackages": [
    {
   
      "root": "packageA",  // 分包根目录
      "pages":