uniapp 微信小程序分包-Toy模板网

这篇具有很好参考价值的文章主要介绍了uniapp 微信小程序分包。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

1、manifest.json内添加如图所示：

"optimization" : {
   "subPackages" : true
},

uniapp 微信小程序分包,uni-app,微信小程序,小程序
2、在与pages同级上创建各个分包的文件夹

把需要分包的文件对应移入分包文件夹内
3、page.json内修改分包文件的路径
比如：

{
   "path" : "pages/vehicle/vehicle",
    "style" :                                                                                    
    {
        "navigationBarTitleText": "我的车辆",
        "enablePullDownRefresh": false,
		"navigationBarBackgroundColor":"#ffff",
		"navigationBarTextStyle":"black"
    }            
},

"subPackages": [
{
	"root": "packageProjectList1",//分包文件夹1名称
	"pages": [
	{
		"path": "vehicle/vehicle",
		"style" :
		{
		    "navigationBarTitleText": "我的车辆1",
		    "enablePullDownRefresh": false,
			"navigationBarBackgroundColor":"#ffff",
			"navigationBarTextStyle":"black"
		} 
	},
	{
		"path": "order/order",
		"style" :
		{
		    "navigationBarTitleText": "我的订单",
		    "enablePullDownRefresh": false,
			"navigationBarBackgroundColor":"#ffff",
			"navigationBarTextStyle":"black"
		} 
	}
	]
}，
{
	"root": "packageProjectList2",//分包文件夹2名称
	"pages": [{
		"path": "vehicle2/vehicle2",
		"style" :
		{
		    "navigationBarTitleText": "我的车辆2",
		    "enablePullDownRefresh": false,
			"navigationBarBackgroundColor":"#ffff",
			"navigationBarTextStyle":"black"
		} 
	}]
}
],

3、页面内跳转路径修改
比如：文章来源地址https://www.toymoban.com/news/detail-644697.html

//分包前
toMyCar(){
	uni.navigateTo({
		url:"/pages/vehicle/vehicle"
	})
},
//分包后
toMyCar(){
	uni.navigateTo({
		url:"/packageProjectList/vehicle/vehicle"
	})
},