13518219792
某些情况下，开发者需要将智能小程序划分成不同的子包，在构建时打包成不同的分包，用户在使用时按需进行加载。
站在用户的角度思考问题，与客户深入沟通，找到雷山网站设计与雷山网站推广的解决方案，凭借多年的经验，让设计与互联网技术结合，创造个性化、用户体验好的作品，建站类型包括：成都做网站、网站制作、企业官网、英文网站、手机端网站、网站推广、主机域名、虚拟主机、企业邮箱。业务覆盖雷山地区。
在智能小程序的打包中，默认会有一个主包，主包中包含了启动页面，和所有分包都会用到的公共资源/JS 脚本。而分包则是根据开发者的配置划分的。
整个小程序所有分包大小不超过 8M，单个分包/主包大小不能超过 2M。
在小程序启动时，默认会下载主包并启动主包内页面，如果用户需要打开分包内某个页面，客户端会把对应分包下载下来，下载完成后再进行展示。
将智能小程序按照业务特点合理的分包，可以提升智能小程序的加载速度，优化用户体验。
在开发者工具中打开
在开发者工具中打开
在 WEB IDE 中打开
假设支持分包的小程序，目录结构如下：
├── App.js├── App.json├── App.css├── packageA│ └── pages│ ├── pageOne│ ││ └── pageTwo│├── packageB│ └── pages│ ├── pageThree│ ││ └── pageFour│├── pages│ └── index│ ││ └── tabOne└
开发者通过在 App.json subPackages 字段声明项目分包结构：
{// 主包，推荐只保留最常用的核心页面：启动页、tab页及公共资源"pages": ["pages/index/index","pages/tabOne/tabOne"],"subPackages": [{"root": "packageA/pages","name": "packageOne","pages": ["pageOne/pageOne","pageTwo/pageTwo"],"independent": true},{"root": "packageB/pages","name": "packageTwo","pages": ["pageThree/pageThree","pageFour/pageFour"],"independent": true}],"tabBar": {"borderStyle": "black","color": "#000000","selectedColor": "#000000","list": [{"pagePath": "pages/index/index","text": "首页"},{"pagePath": "pages/tabOne/tabOne","text": "tabOne"}]}}
主包页面跳转分包页面
跳 pageOne
subPackages 中，每个分包的配置有以下几项：
| 字段 | 类型 | 说明 |
|---|---|---|
| root | String | 分包根目录 |
| name | String | 分包别名。 |
| pages | Array. | 分包页面路径，相对于分包根目录。 |
| independent | Boolean | 分包是否是独立分包 |
