目录结构
在项目目录中创建pagesA,B,C分包。
├── components # 封装的组件
├── images # 使用界面的图片
├── pages
│ ├── index # 项目的首页 跳转至相关使用的界面效果
├── pagesA # 项目分包A
│ ├── pages
│ ├── pages ── index # 项目分包A中的首页
├── pagesB # 项目分包B
│ ├── pages
│ ├── pages ── index # 项目分包B中的首页
├── pagesC # 项目分包C
│ ├── pages
│ ├── pages ── index # 项目分包C中的首页
在项目app.json中的配置
{
"pages": [
"pages/index/index"
],
"subPackages": [
{
"root": "pagesA/pages",
"pages": [
"index/index"
]
},
{
"root": "pagesB/pages",
"pages": [
"index/index"
],
},
{
"root": "pagesC/pages",
"pages": [
"index/index"
],
}
],
"preloadRule": {
"pages/index/index": {
"network": "all", //这个意思是在指定网络下预下载，可选值为：all: 不限网络 ；wifi: 仅wifi下预下载
"packages": [
"pagesA/pages",
"pagesB/pages",
"pagesC/pages"
]，
}
},
"usingComponents": {
}
}
这样即可使用分包了 就是这么简单
然后在开发者工具可以查看所占的大小
1555233336(1).jpg
这是我开发中使用到的组件 如果有相关的功能可直接使用哦，喜欢的话start一下
https://github.com/QShengW/MPComponent
