文件目录
分包时注意tabBar页面也就是底部导航栏的几个页面要放在主包,其余页面可根据自己情况放入分包
pagesA文件夹为分包文件夹,和pages文件夹同级,
pages.json文件配置
//主包页面配置
"pages": [
{
"path": "pages/home/index",
"style": {
"navigationBarTitleText": "",
"enablePullDownRefresh": true,
"navigationBarBackgroundColor": "#1890FF",
}
}],
//分包页面配置
"subPackages": [{
"root": "pagesA",
"pages": [
{
//path为相对路径,这里注意写法,与主包路径不同
"path": "my/chat",
"style": {
"navigationBarTitleText": "社区民警",
"navigationBarTextStyle": "white",
"navigationBarBackgroundColor": "#34a3fc"
}
},
]
}]
分包优化
manifest.json源码视图中
"mp-weixin": {
"appid": "",
"setting": {
"urlCheck": false,
"es6": false,
"postcss": false
},
"usingComponents": true,
//加入分包优化代码
"optimization": {
"subPackages": true
}
}
容易出现的问题
编译报这个错误,有可能是把tabBar页面放入了分包,再次提醒,tabbar页面不要放入分包,不然编译不出来这里会报错!
分包预载配置
配置preloadRule后,在进入小程序某个页面时,由框架自动预下载可能需要的分包,提升进入后续分包页面时的启动速度(根据自身情况去配置)
```javascript
"preloadRule": {
"pages/home/index": {
//在指定网络下预下载,可选值为:all(不限网络)、wifi(仅wifi下预下载)
"network": "all",
//进入页面后预下载分包的 root 或 name。__APP__ 表示主包。
"packages": ["__APP__"]
},
"pagesA/my/chat": {
"network": "all",
"packages": ["pagesA"]
}
}
查看是否成功
运行到微信开发者工具查看如图
这里有分包信息说明分包成功了!