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"
	})
},
相关推荐
尚学教辅学习资料28 分钟前
基于SpringBoot+Vue+uniapp的高校招聘小程序+LW参考示例
spring boot·uni-app·招聘系统
黑云压城After1 小时前
小程序(物流、快递),接入GPS北斗获取路线以及当前车辆位置
小程序
万岳科技程序员小金2 小时前
互联网医院系统源码解析:如何开发智能化的电子处方小程序?
小程序·app开发·互联网医院系统源码·智慧医疗小程序·医院app
Java Fans3 小时前
微信小程序——访问服务器媒体文件的实现步骤
服务器·微信小程序·小程序
岑梓铭3 小时前
uniapp邪门事件
uni-app
漫天绯羽4 小时前
uniapp 中使用天地图,安卓端、h5
uni-app
尚学教辅学习资料5 小时前
基于SpringBoot+vue+uniapp的智慧旅游小程序+LW示例参考
vue.js·spring boot·uni-app·旅游
Evaporator Core5 小时前
微信小程序数据绑定与事件处理:打造动态交互体验
微信小程序·小程序·交互
烂蜻蜓10 小时前
前端已死?什么是前端
开发语言·前端·javascript·vue.js·uni-app
流烟默18 小时前
vue和微信小程序处理markdown格式数据
前端·vue.js·微信小程序