uniapp小程序分包

10 篇文章 0 订阅
7 篇文章 1 订阅

uniapp小程序分包

分包原因:由于微信小程序包总体积不能超过2M,这时就需要把代码进行分包处理。

主包:即放置默认启动页面/TabBar 页面,以及一些所有分包都需用到公共资源/JS 脚本;而分包则是根据pages.json的配置进行划分。

分包后的每个分包的大小是2M以内,总体积一共不能超过20M。

subPackages:分包加载配置,此配置为小程序的分包加载机制,详细请参考uniapp官网分包机制

项目目录结构如下:

在这里插入图片描述

需要在 pages.json 中进行代码分包处理:

{
	"pages": [{
		"path": "pages/index/index",
		"style": { ...} //页面配置
	}],
	"subPackages": [{
		"root": "pagesA",
		"pages": [{
			"path": "punchCard/index",
			"style": { ...}
		}]
	}, {
		"root": "pagesB",
		"pages": [{
			"path": "collectInfo/index",
			"style": { ...}
		}]
	}  //后面继续增加其他分包
	],
	"preloadRule": {  //分包预载配置
		"pagesA/index/index": {
			"network": "all",
			"packages": ["__APP__"]
		},
		"pagesB/punchCard/index": {
			"network": "all",
			"packages": ["pagesA"]
		}
	}
}

preloadRule:配置preloadRule后,在进入小程序某个页面时,由框架自动预下载可能需要的分包,提升进入后续分包页面时的启动速度,具体请参考uniapp官网分包预载配置

There is no fate but what we make for ourselves

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值