【微信小程序】解决代码上传超过大小限制，小程序分包

丿乐灬学

已于 2022-06-10 16:28:25 修改

阅读量9.1k

点赞数 4

CC 4.0 BY-SA版权

分类专栏：工具相关文章标签：小程序分包代码超出2M 分包小程序大小超出2M 小程序快速分包

于 2021-06-24 16:13:55 首次发布

本文链接：https://blog.csdn.net/qq_37880968/article/details/118189912

工具相关专栏收录该内容

13 篇文章

订阅专栏

当小程序代码超过2M无法发布时，可以通过代码分包来解决。修改app.json，将页面配置改为subPackages，如将`pages/ucenter/feedback/`和`pages/ucenter/collect/`分别作为子包。若需将拆分页面集中，可以创建同级目录如`orderPages`，并将相关页面放入。这种方式允许保持原有页面跳转不变，同时优化小程序加载性能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

微信小程序分包

小程序项目更新迭代，代码越来越大，超过了2M，小程序不能发布

快速解决方案，原来的页面跳转都不需要改，只需要改变app.json文件

原来app.json内容

{
  "pages": [
    "pages/ucenter/feedback/feedback",
    "pages/ucenter/collect/collect"
  ]
}

修改后app.json内容

{
  "pages": [
  
  ],
  "subPackages": [
    {"root": "pages/ucenter/feedback/", "pages": ["feedback"]},
    {"root": "pages/ucenter/collect/", "pages": ["collect"]}
  ]
}

代码目录结构
在这里插入图片描述

第二种拆分方式

如果想把拆分的页面都放在一个包下面，按照以下结构配置

app.json内容

{
  "pages": [],
  "subPackages": [{
			"root": "orderPages",
			"pages": [{
					"path": "pages/jiaoyi/pay-result",
					"style": {
						"navigationBarTitleText": "支付"
					}
				}, {
					"path": "pages/jiaoyi/order",
					"style": {
						"navigationBarTitleText": "订单"
					}
				},
				{
					"path": "pages/jiaoyi/tihuo-list",
					"style": {
						"navigationBarTitleText": "提货列表"
					}
				}
			]
		}
	]
}

代码目录结构
这里面的orderPages所在位置与pages目录是同级的，这样就可以把需要分包的页面都放在一个包下面
在这里插入图片描述