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