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"
	})
},
相关推荐
icebreaker14 小时前
重走 Vue 长征路 Weapp-vite:编译链路与 Wevu 运行时原理拆解
前端·vue.js·微信小程序
Mintopia2 天前
Vue3 项目如何迁移到 uni-app x:从纯 Web 到多端应用的系统指南
uni-app
Mintopia2 天前
uni-app x 发展前景技术分析:跨端统一的新阶段?
uni-app
不爱说话郭德纲2 天前
告别漫长的HbuilderX云打包排队!uni-app x 安卓本地打包保姆级教程(附白屏、包体积过大排坑指南)
android·前端·uni-app
大米饭消灭者3 天前
Taro是怎么实现一码多端的【底层原理】
微信小程序·taro
HashTang4 天前
【AI 编程实战】第 12 篇:从 0 到 1 的回顾 - 项目总结与 AI 协作心得
前端·uni-app·ai编程
JunjunZ4 天前
uniapp 文件预览:从文件流到多格式预览的完整实现
前端·uni-app
郑州光合科技余经理4 天前
代码展示:PHP搭建海外版外卖系统源码解析
java·开发语言·前端·后端·系统架构·uni-app·php
TT_Close4 天前
“啪啪啪”三下键盘,极速拉起你的 uni-app 项目!
vue.js·uni-app·前端工程化
FliPPeDround4 天前
Vitest Environment UniApp:让 uni-app E2E 测试变得前所未有的简单
微信小程序·e2e·前端工程化