小程序因其轻量、便捷的特性而逐渐成为用户获取信息和服务的重要渠道。然而,随着小程序功能的不断丰富,项目的体量也随之增长,这对开发者提出了更高的要求。为了提升小程序的加载速度和用户体验,合理运用分包加载技术显得尤为重要。

步骤一,开启分包功能

打开manifest.json文件  点击到源码视图,在"mp-weixin"中配置以下代码开启分包

"optimization":{"subPackages":true}

步骤二,如何配置分包

在项目根目录下创建与pages同级的分包文件夹,如下图所示

再打开pages.json文件进行配置,如下方代码块所示即可

"pages": [{
			"path": "pages/home/index/index",
			"style": {
				"navigationBarTitleText": "首页"
			}
		}
	],
	"subPackages": [{
		"root": "packageA",
		"pages": [{
			"path": "detail/index",
			"style": {
				"navigationBarTitleText": "详情"
			}
		}]
	}],

跳转时:/加上root名称 加上对应的path即可:/packageA/detail/index

这样就成功分包了!

Logo

有“AI”的1024 = 2048,欢迎大家加入2048 AI社区

更多推荐