10年匠心专业提供互联网设计开发方案

原创设计 定制开发

满足您的个性化需求

uniapp 微信小程序分包

uniapp 在微信小程序中包过大进行分包

众人皆知微信小程序单个包只有最大只有2mb,如果数据多的话一不小心就超了,所以这时用到了分包,首先:先配置一波

点击预览效果|uniapp 微信小程序分包,uniapp 微信小程序 分包

"optimization":{"subPackages":true}//分包优化

然后在和pages同级的目录创建文件夹并把需要分出来的页面放进去

点击预览效果|uniapp 微信小程序分包,uniapp 微信小程序 分包
最后在像pages一样配置页面路径

点击预览效果|uniapp 微信小程序分包,uniapp 微信小程序 分包
主要代码如下参考

	"subPackages": [{
		"root": "pageA", //分包根路径
		"name": "pack2", //分包名字可写可不写
		"pages": [
			{
				"path": "loginPages/realName",
				"style": {
					"navigationBarTitleText": "",
					"enablePullDownRefresh": false,
					"navigationStyle": "custom"
				}

			},
			
		]
	}],

预加载配置,提高用户体验

//预加载配置,可以提高用户体验
	"preloadRule": {
		"pages/mine/mineLogin": { //想要实现预加载的页面路径
			"network": "all", //指定网络 all 不限网络   wifi:仅wifi
			"packages": ["pageA"] // 进入页面后预下载分包的 root 或 name。__app_表示主包。
		}
	},

这样一个简单的分包就弄好了,看一下效果

点击预览效果|uniapp 微信小程序分包,uniapp 微信小程序 分包

使用声明

1. 本站所有素材(未指定商用),仅限学习交流请勿用于商业用途。

2. 原创商用和VIP素材,未经合法授权,会员不得以任何形式发布、传播、复制、转售该素材,否则一律封号处理。

3. 如果素材损害你的权益请联系客服vx:13230981129给予处理。

热门标签

王孟旺
微信扫一扫立即咨询
公众号
在线客服
在线联系
17330196230 13230981129 18830906230
顶部
账号登录|扫码登录

立即注册 |忘记密码?

欢迎注册

已有账号马上登录

重置密码

扫码绑定微信
微信扫一扫

绑定手机号