早睡早起,方能养生
Sleep early rise early, way to keep healthy

uniapp 微信小程序分包

super
2023-02-07 17:33
views 1822

分包目录:

 

根目录下 page_xxx 以page_开头的目录都为分包目录

 

分包配置:

 

1)manifest.json 中mp-weixin开启分包配置

 

"optimization":{
	"subPackages" : true
}

 

 

2)pages.json 新建数组subPackages (与原pages同级)

 

"subPackages": [
		{
			"root": "page_tool", // 你的分包文件夹名称
			"pages": [
				// 在这里写当前分包下所有的路由
				{
				    "path" : "pages/xx/xx",
				    "style" :
				    {
				        "navigationBarTitleText": "xxx",
				        "enablePullDownRefresh": false,
						"navigationBarBackgroundColor": "#fff",
						"navigationBarTextStyle":"black"
				    }
				}
				// ...
			]
		}
]

 

3)分包文件夹解析

 

例如现在有个分包文件夹叫page_tool

 

page_tool目录:

 

 

pages 【此文件夹下放你之前的.vue文件】

components 【放你之前的引入的组件,或者是component,跟你的程序里面写的对应】

static【放你分包这些文件所需的静态资源,路径得跟之前程序里面对得上】

 

总之多编译几次,哪里没做对,uniapp会在编译时报错的,看着报错慢慢调就行



分享
0 条讨论
top