2024 最新基于Uni-app和Vue3实现微信小程序分包，并且主包调用分包页面作为组件加载，包括优化预加载-详细教程和使用

pages.json

{
	"pages": [{
			"path": "pages/index/index",
			"style": {
				"navigationBarTitleText": "uni-app",
				"componentPlaceholder": {
					"demosxv": "view"
				}
			}
		},
		{
			"path": "pages/index/msg",
			"style": {
				"navigationBarTitleText": "uni-app"
			}
		}
	],
	"subPackages": [{
		"root": "PageMine", // 这里指的是一个文件夹路径
		"name": "PageMine",
		"pages": [{
				"path": "pages/index/index",
				"style": {
					"navigationBarTitleText": "隐私协议",
					"navigationBarBackgroundColor": "#ffffff"
				}
			},
			{
				"path": "demo/demos",
				"style": {
					"navigationBarTitleText": ""
				}
			}
		]
	}],
	"globalStyle": {
		"navigationBarTextStyle": "black",
		"navigationBarTitleText": "uni-app",
		"navigationBarBackgroundColor": "#F8F8F8",
		"backgroundColor": "#F8F8F8"
	},
	"preloadRule": {
		"pages/index/index": {
			"network": "all",
			"packages": ["PageMine"]
		}
	},
	"usingComponents": {
		"demosxv": "/PageMine/demo/demos"
	},
	"uniIdRouter": {},
	"tabBar": {
		"selectedColor": "#333333",
		"color": "#999999",
		"list": [{
				"pagePath": "pages/index/index",
				"text": "首页",
				"iconPath": "/static/logo.png",
				"selectedIconPath": "/static/logo.png"
			},
			{
				"pagePath": "pages/index/msg",
				"text": "首页",
				"iconPath": "/static/logo.png",
				"selectedIconPath": "/static/logo.png"
			}
		]
	}
}

主包文件