uniapp中如何进行微信小程序的分包

思路:在uniapp中对微信小程序进行分包,和原生微信小程序进行分包的操作基本上没区别,主要就是在pages.json中进行配置。

如图,我新增了一个包diver-page

此时需要在pages.json中的subPackages数组中新增一项

root代表这个包的根路径

pages代表这个包中所有的页面

复制代码
 {
			  "root": "page-diver",
				"pages": [
			{
				"path": "diver/index/index",
				"style": {
				  "navigationBarTitleText": "",
				  "enablePullDownRefresh": false,
				  "navigationStyle": "custom"
				}
			},
			{
				"path": "diver/tabBar/tabBar",
				"style": {
				  "navigationBarTitleText": "首页",
				  "enablePullDownRefresh": false,
				  "navigationStyle": "custom"
				}
			}
		  ]
		  },

使用这个包中的页面时需要带上根路径的前缀,如进行tabbar页面的跳转

复制代码
uni.reLaunch({
				url: "/page-diver/diver/tabBar/tabBar"
			})
相关推荐
不爱说话郭德纲7 小时前
告别漫长的HbuilderX云打包排队!uni-app x 安卓本地打包保姆级教程(附白屏、包体积过大排坑指南)
android·前端·uni-app
大米饭消灭者1 天前
Taro是怎么实现一码多端的【底层原理】
微信小程序·taro
HashTang1 天前
【AI 编程实战】第 12 篇:从 0 到 1 的回顾 - 项目总结与 AI 协作心得
前端·uni-app·ai编程
JunjunZ2 天前
uniapp 文件预览:从文件流到多格式预览的完整实现
前端·uni-app
郑州光合科技余经理2 天前
代码展示:PHP搭建海外版外卖系统源码解析
java·开发语言·前端·后端·系统架构·uni-app·php
TT_Close2 天前
“啪啪啪”三下键盘,极速拉起你的 uni-app 项目!
vue.js·uni-app·前端工程化
FliPPeDround2 天前
Vitest Environment UniApp:让 uni-app E2E 测试变得前所未有的简单
微信小程序·e2e·前端工程化
FliPPeDround2 天前
微信小程序自动化的 AI 新时代:wechat-devtools-mcp 智能方案
微信小程序·ai编程·mcp
特立独行的猫a2 天前
uni-app x跨平台开发实战:开发鸿蒙HarmonyOS影视票房榜组件完整实现过程
华为·uni-app·harmonyos·轮播图·uniapp-x
吴声子夜歌2 天前
小程序——布局示例
小程序