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"
	})
},
相关推荐
難釋懷2 小时前
微信小程序案例 - 本地生活(首页)
微信小程序·生活·notepad++
Java陈序员3 小时前
又一款基于 SpringBoot + Vue 实现的开源新零售商城系统!
vue.js·spring boot·uni-app
2501_9159214315 小时前
没有Mac如何完成iOS 上架:iOS App 上架App Store流程
android·ios·小程序·https·uni-app·iphone·webview
说私域17 小时前
基于定制开发开源AI智能名片与S2B2C商城小程序的旅游日志创新应用研究
人工智能·小程序·旅游
脑袋大大的18 小时前
钉钉小程序开发环境配置与前端开发指南
小程序·钉钉·企业应用开发
玩代码的菜鸟18 小时前
uniapp类似抖音视频滑动
uni-app
2301_8059629320 小时前
微信小程序控制空调之接收MQTT消息
微信小程序·小程序·esp32
The_era_achievs_hero20 小时前
微信小程序121~130
微信小程序·小程序
難釋懷20 小时前
微信小程序WXSS 模板样式
微信小程序·小程序·notepad++
清颖~20 小时前
原生微信小程序研发,如何对图片进行统一管理?
微信小程序·小程序