15年软件开发经验,只做源码定制!

原创设计 定制开发

满足您的个性化需求

当前位置:首页 前端开发 uinapp

uniapp 微信小程序分包

王孟旺| 发布于 2022-04-06 21:20:47| 410阅读| 1点赞| 0评论
举报

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

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


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

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


最后在像pages一样配置页面路径


主要代码如下参考

	"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_表示主包。
		}
	},

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

1

0条评论

别默默看啦~登录/注册一起参与讨论吧~

热门标签

王孟旺
微信扫一扫立即咨询
账号登录|扫码登录

立即注册 |忘记密码?

欢迎注册

已有账号马上登录

重置密码

扫码绑定微信
微信扫一扫

绑定手机号

分享到-微信

举报

  • 举报类型:

  • 举报描述:

您好,当前积分不足。

在线客服
拨打电话
17330196230 13230981129
顶部