小程序使用分包的示例代码

网友投稿 577 2023-11-10

本文介绍了小程序使用分包的示例代码，分享给大家，具体如下：

小程序使用分包的示例代码

官方文档：https://developers.weixin.qq.com/miniprogram/dev/framework/subpackages.html

某些情况下，开发者需要将小程序划分成不同的子包，在构建时打包成不同的分包，用户在使用时按需进行加载。

总结就是小程序内所有代码图片资源大小超过2M,此时就可以考虑创建分包，扩大小程序容量

目前小程序分包大小有以下限制：

整个小程序所有分包大小不超过 12M 单个分包/主包大小不能超过 2M

在小程序启动时，默认会-主包并启动主包内页面，当用户进入分包内某个页面时，客户端会把对应分包-下来，-完成后再进行展示。

注意：TabBar所对应的页面和一些公共的方法和资源必须放在主包，在主包页面调用分包的组件或者方法都是不顶用的

使用分包

开发者通过在 app.jsonsubpackages字段声明项目分包结构：

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
{
"pages": [
"pages/index/index",
"pages/logs/logs"
],
"subpackages": [
{
"root": "packageA",
"pages": [
"pages/index/index",
"pages/user/user"
]
},
{
"root": "packageB",
"pages": [
"pages/index/index",
"pages/mall/mall"
]
}
],
"preloadRule": {
"pages/index/index": {
"network": "all",
"packages": [
"packageA"
]
}
},
"window": {
"backgroundTextStyle": "light",
"navigationBarBackgroundColor": "#fff",
"navigationBarTitleText": "WeChat",
"navigationBarTextStyle": "black"
},
"style": "v2",
"sitemapLocation": "sitemap.json"
}

引用原则

packageA无法 requirepackageBJS 文件，但可以 requireapp、自己 package 内的 JS 文件 packageA无法 importpackageB的 template，但可以 requireapp、自己 package 内的 template packageA无法使用packageB的资源，但可以使用app、自己 package 内的资源

总结：分包之间的资源和代码不能相互引用，且主包不能调用分包的资源

分包预-

开发者可以通过配置，在进入小程序某个页面时，由框架自动预-可能需要的分包，提升进入后续分包页面时的启动速度。对于独立分包，也可以预-主包。

分包预-目前只支持通过配置方式使用，暂不支持通过调用API完成

preloadRule的 key是页面路径，全路径

独立分包

独立分包是小程序中一种特殊类型的分包，可以独立于主包和其他分包运行。从独立分包中页面进入小程序时，不需要-主包。当用户进入普通分包或主包内页面时，主包才会被-。

开发者可以按需将某些具有一定功能独立性的页面配置到独立分包中。当小程序从普通的分包页面启动时，需要首先-主包；而独立分包不依赖主包即可运行，可以很大程度上提升分包页面的启动速度。

一个小程序中可以有多个独立分包。

官方文档在这儿：https://developers.weixin.qq.com/miniprogram/dev/framework/subpackages/independent.html

目前还没用过独立分包。对于到底在什么情境下运用还不是很清楚

您可能感兴趣的文章:微信小程序分包加载代码实现方法详解小程序如何使用分包加载的实现方法

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。

标签：示例 程序 代码 小程序
上一篇:微信小程序实现客服功能(客服消息)的全过程
下一篇:如何用CocosCreator制作微信小游戏
相关文章

 发表评论

暂时没有评论，来抢沙发吧~