uniapp微信小程序分布步骤

一、配置步骤

• 主包限制2M，可以分包扩展，微信小程序不能超过12M

1. manifest.json 添加 subPackages属性

/* https://www.mianshigee.com/tutorial/uniapp-framework/spilt.4.2f37241983ce9c8c.md */
	"mp-weixin": { /* 微信小程序特有相关 */
		"appid": "wxaaa167cf9b2e2685",
		"setting": {
			"urlCheck": true
		},
		"usingComponents": true,
		"permission": {
			"scope.userLocation": {
				"desc": "你的位置信息将用于小程序位置接口的效果展示"
			}
		},
		"optimization": {
			"subPackages": true,
			"treeShaking": {
				"enable": true
			}
		}
	},
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

2. 创建分包，除了tarBar与tarBar对应的页面，其余的可以放子包

3. pages.json 里面配置子包

• 子包 包含 普通子包 和 独立子包（慎用）
• 预下载，可以指定，在打开某个页面时，就下载哪些分包，使小程序运作流畅。

	"subPackages": [
		{
			"root": "subPackages", // 分包1根目录
			"name": "分包A", // 分包1的别名
			"independent":false,  // 是否是独立包（可选）
			"pages": [
				{
					"path": "pages/test/notice",
					"style": {
						"navigationStyle": "custom",
						"navigationBarTitleText": "标题"
					}
				}
			]
		}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

• 预下载，可以指定，在打开某个页面时，就下载哪些分包，使小程序运作流畅。
• network：在指定网络下预下载，可选值为：all（不限网络）、wifi（仅wifi下预下载）
• packages： 进入页面后预下载分包的 root 或 name

 "preloadRule": {
	     "pages/homePage/homeMain": {
	       "network": "all",
	       "packages": ["subPackages"]
	     }
	   },
1
2
3
4
5
6

二、 学习链接

uni-app 框架文档 - https://www.mianshigee.com/tutorial/uniapp-framework/spilt.8.d2a784744c535c30.md