小程序是一种全新的连接用户与服务的方式,它可以在微信内被便捷地获取和传播,同时具有出色的使用体验。
小程序推崇的是轻便,在2017年的时候,小程序发布的压缩包从1M升级到了2M,但是在真实的项目中,还是有可能会超出2M的情况发生,因此我们需要使用分包.
官方地址:https://developers.weixin.qq.com/miniprogram/dev/framework/subpackages/basic.html
配置方法
假设支持分包的小程序目录结构如下:
├── app.js
├── app.json
├── app.wxss
├── packageA
├── packageB
├── pages
│ ├── index
│ └── logs
│ └── cat
│ └── apple
└── utils
开发者通过在 app.json subpackages 字段声明项目分包结构:
{
"pages":[
"pages/index",
"pages/logs"
],
"subpackages": [
{
"root": "packageA",
"pages": [
"pages/cat"
]
}, {
"root": "packageB",
"name": "pack2",
"pages": [
"pages/apple"
]
}
]
}
*注意 *:保存后你会发现,cat,apple会自动生成对应的目录,因为分包只需要建一个根目录就行,别的在subpackages种配置
打包原则
- 声明 subpackages 后,将按 subpackages 配置路径进行打包,subpackages 配置路径外的目录将被打包到 app(主包) 中
- app(主包)也可以有自己的 pages(即最外层的 pages 字段)
- subpackage 的根目录不能是另外一个 subpackage 内的子目录
- tabBar 页面必须在 app(主包)内
引用原则
- packageA 无法 require packageB JS 文件,但可以 require app、自己 package 内的 JS 文件
- packageA 无法 import packageB 的 template,但可以 require app、自己 package 内的 template
- packageA 无法使用 packageB 的资源,但可以使用 app、自己 package 内的资源
网友评论