uniapp 微信小程序 分包

1、manifest.json内添加如图所示:

bash 复制代码
"optimization" : {
   "subPackages" : true
},

2、在与pages同级上创建各个分包的文件夹

把需要分包的文件对应移入分包文件夹内

3、page.json内修改分包文件的路径

比如:

bash 复制代码
{
   "path" : "pages/vehicle/vehicle",
    "style" :                                                                                    
    {
        "navigationBarTitleText": "我的车辆",
        "enablePullDownRefresh": false,
		"navigationBarBackgroundColor":"#ffff",
		"navigationBarTextStyle":"black"
    }            
},
bash 复制代码
"subPackages": [{
	"root": "packageProjectList",//分包文件夹名称
	"pages": [{
		"path": "vehicle/vehicle",
		"style" :
		{
		    "navigationBarTitleText": "我的车辆",
		    "enablePullDownRefresh": false,
			"navigationBarBackgroundColor":"#ffff",
			"navigationBarTextStyle":"black"
		} 
	}]
}],

3、页面内跳转路径修改

比如:

bash 复制代码
//分包前
toMyCar(){
	uni.navigateTo({
		url:"/pages/vehicle/vehicle"
	})
},
//分包后
toMyCar(){
	uni.navigateTo({
		url:"/packageProjectList/vehicle/vehicle"
	})
},
相关推荐
moxiaoran57534 分钟前
uni-app萌宠案例学习笔记--页面布局和CSS样式设置
前端·css·uni-app
moxiaoran57531 小时前
uni-app学习笔记二十九--数据缓存
笔记·学习·uni-app
moxiaoran57536 小时前
uni-app学习笔记三十--request网络请求传参
笔记·学习·uni-app
疯狂的沙粒8 小时前
在uni-app中如何从Options API迁移到Composition API?
javascript·vue.js·uni-app
chaosama8 小时前
微信小程序带参分享、链接功能
微信小程序·小程序
胡西风_foxww9 小时前
微信小程序动态组件加载的应用场景与实现方式
微信小程序·应用·加载·动态组件
ALLSectorSorft11 小时前
上门服务小程序会员系统框架设计
小程序·apache
anyup11 小时前
快崩溃了!华为应用商店已经 4 次驳回我的应用上线
前端·华为·uni-app
甜甜的资料库13 小时前
基于小程序老人监护管理系统源码数据库文档
微信小程序
说私域19 小时前
基于定制开发开源AI智能名片S2B2C商城小程序的首屏组件优化策略研究
人工智能·小程序·开源·零售