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"
			})
相关推荐
mon_star°6 小时前
微信答题小程序支持latex公式显示解决方案
微信·小程序
timeguys9 小时前
【前端】[vue3] [uni-app]使用 vantUI 框架
前端·uni-app
Aiden Targaryen11 小时前
Windows/MacOS WebStorm/IDEA 中开发 Uni-App 配置
java·uni-app·webstorm
想要飞翔的pig12 小时前
uniapp+vue3页面滚动加载数据
前端·vue.js·uni-app
会功夫的李白12 小时前
uniapp自动构建pages.json的vite插件
前端·uni-app·vite
TE-茶叶蛋13 小时前
Uniapp、Flutter 和 React Native 全面对比
flutter·react native·uni-app
特立独行的猫a16 小时前
uni-app 开发HarmonyOS的鸿蒙影视项目分享:从实战案例到开源后台
uni-app·开源·harmonyos·鸿蒙·影视
MaCa .BaKa19 小时前
38-日语学习小程序
java·vue.js·spring boot·学习·mysql·小程序·maven
HouGISer19 小时前
副业小程序YUERGS,从开发到变现
前端·小程序
七七小报19 小时前
uniapp-商城-61-后台 新增商品(添加商品到数据库)
uni-app