微信小程序资源分包

微信小程序是不需要下载就可以用的程序，它的资源都是放在微信的服务器上的，有开发经验的人都知道要发布一个小程序的时候，是要把你本地的资源上传到微信的，上传的时候，微信有个限制，就是开发包不能大于2m，如果资源（主要是图片，视频）过大，整个包可能会大于2m，所以上传不了，微信提供了一个解决办法，就是分包，但是分完包之后也是有限制的，
这是我分完包的上传错误，限制变成了8m左右，总之包的内容限制变大了。
我们就来说一下怎么分包，
先看看官方给的开发实例资源截图：

页面资源放在pages里面。
下面是我先在的项目分包之后的样子：
tab页放在tabBar里面，tab里面的二级三级页面等放在各个子功能文件夹里面，然后app.json里面还要经过配置：
直接看源码：app.json
{
“pages”: [
“page/tabBar/index/index”,
“page/tabBar/banshi/index”,
“page/tabBar/service/index”,
“page/tabBar/hudon/index”,
“page/tabBar/home/index”
],
“permission”: {
“scope.userLocation”: {
“desc”: “你的位置信息将用于小程序位置接口的效果展示”
}
},
“subPackages”: [
{
“root”: “page/index/”,
“pages”: [
“pages/index/banshi/redianitemgo”,
“pages/index/banshi/wang_syy”
]
},
{
“root”: “page/banshi/”,
“pages”: [
“pages/banshi/index”
]
},
{
“root”: “page/home/”,
“pages”: [
“pages/home/shixian/shixiang_xq”,
“pages/home/shixian/shixiang_li”
},
{
“root”: “page/service/”,
“pages”: [
“pages/law/index”,
“pages/law/son”,
]
},
{
“root”: “page/hudon/”,
“pages”: [
“pages/hudon/zixun”,
“pages/hudon/jianyi”,
“pages/hudon/tousu”
]
}
],
“window”: {
“backgroundTextStyle”: “light”,
“navigationBarBackgroundColor”: “#fff”,
“navigationBarTextStyle”: “black”
},
“tabBar”: {
“color”: “#666”,
“selectedColor”: “#115feb”,
“borderStyle”: “black”,
“backgroundColor”: “#ffffff”,
“list”: [
{
“pagePath”: “page/tabBar/index/index”,
“iconPath”: “img/public/index_icon.png”,
“selectedIconPath”: “img/public/index_icon_a.png”,
“text”: “首页”
},
{
“pagePath”: “page/tabBar/banshi/index”,
“iconPath”: “img/public/banshi_icon.png”,
“selectedIconPath”: “img/public/banshi_icon_a.png”,
“text”: “办事”
},
{
“pagePath”: “page/tabBar/service/index”,
“iconPath”: “img/public/service_icon.png”,
“selectedIconPath”: “img/public/service_icon_a.png”,
“text”: “互动”
},
{
“pagePath”: “page/tabBar/hudon/index”,
“iconPath”: “img/public/law_icon.png”,
“selectedIconPath”: “img/public/law_icon_a.png”,
“text”: “动态”
},
{
“pagePath”: “page/tabBar/home/index”,
“iconPath”: “img/public/home_icon.png”,
“selectedIconPath”: “img/public/home_icon_a.png”,
“text”: “我的”
}
]
},
“sitemapLocation”: “sitemap.json”
}
注册页面时要把页面路径添加到对应的pagePath下面；
最后建议资源都放到服务器上，减少包内容。