微信小程序> 微信小程序资源分包

微信小程序资源分包

浏览量:688 时间: 来源:洛查丹玛斯

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

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎