uniapp写小程序 小程序分包处理

uniapp 小程序分包

这是分包小程序之后的目录结构
分包小程序之后的目录结构

分包步骤如下

1、在根目录下新建一个 subPackages 文件夹, 之后在 subPackages 文件夹下创建 pages 用来存放页面文件

主包和分包是不能再同一目录下
根目录下的pages,我只放了 tabbar切换的两个页面,其余的页面都在subPackages>pages 下面
subPackages>pages的页面里如果有封装的组件,需要把 封装的组件放到subPackages的components文件下


注意: 分包后,记得修改引入的组件的路径


在这里插入图片描述

2、分包页面路径配置

请添加图片描述
不要忘记修改index页面 和 mine页面中的跳转路径

3、配置manifest.json

请添加图片描述
代码如下

"optimization" : {
	"subPackages" : true
}
4、分包预载配置

做这一步主要为了优化速度,不想优化速度的可以跳过这个配置

  • 特点

在加载当前包的时候可以设置预下载其他的包
缩短用户等待时间,提高用户体验

  • 配置 在pages.json中配置
    请添加图片描述
    代码如下
"preloadRule":{
	//当访问到该路由的页面时,会顺带预加载对应的包(可以是主包,也可以是子包)
	"pages/index/index": {
		"network": "all",
		"packages": ["subPackages"]  //包名称
	}
},

参考:https://developers.weixin.qq.com/miniprogram/dev/framework/subpackages/basic.html#%E6%89%93%E5%8C%85%E5%8E%9F%E5%88%99

  • 3
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值