微信小程序是不需要下载就可以用的程序,它的资源都是放在微信的服务器上的,有开发经验的人都知道要发布一个小程序的时候,是要把你本地的资源上传到微信的,上传的时候,微信有个限制,就是开发包不能大于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下面;
最后建议资源都放到服务器上,减少包内容。
微信小程序资源分包
最新推荐文章于 2024-07-12 11:15:34 发布