为什么要分包
- 真机预览时出现大于2M,无法预览。
- 对项目进行规整划分
如何分包
├── app.js
├── app.json
├── app.wxss
├── packageA
│ └── pages
│ ├── cat
│ └── dog
├── packageB
│ └── pages
│ ├── apple
│ └── banana
├── pages
│ ├── index
│ └── logs
└── utils
{
"pages":[
"pages/index",
"pages/logs"
],
"subpackages": [
{
"root": "packageA",
"pages": [
"pages/cat",
"pages/dog"
]
}, {
"root": "packageB",
"name": "pack2",
"pages": [
"pages/apple",
"pages/banana"
]
}
]
}
实际操作
- 先将需要分包的文件拷贝到小程序根目录下
- 在app.json中配置分包结构(如图)
- 修改被分包中的引用路径,如图片资源、导航URL
- 可以设置分包的在哪个页面加载
图中表示在进入login页面进行下载设置的分包,all表示在所有网络下。
失败解决!分包了为啥还是提示大小超过2M
分包的文件内所引用的外部文件也必须放到分包内然后修改引用路径,假如分包后,引用了1个根目录下的文件,是不会分包成功的,而是会打入主包。
如图: