小程序分包的详细流程

简介: 小程序分包的详细流程

小程序分包的详细流程如下:

  1. 建立分包文件夹:在项目根目录下创建分包文件夹,用来存放除底部菜单栏页面之外的其他页面。例如,你可以创建一个名为subPackages的文件夹,并在其中创建pages文件夹用于存放页面文件,以及images文件夹用于存放图片资源。
  2. 文件构建:将除底部菜单栏对应的页面之外的其他页面文件移动到subPackages/pages文件夹下。原pages文件夹下只保留底部菜单栏对应的页面,确保文件大小最小。

文件配置:在项目根目录下找到app.json文件,在里面进行分包文件的配置。需要写全分包的配置,并修改原来项目中跳转页面的路径。

  • 常规分包:通过在app.jsonsubpackages字段声明项目分包结构。加载小程序的时候先加载主包,当需要访问分包的页面时候才加载分包内容。分包的页面可以访问主包的文件、数据、图片等资源。
  • 独立分包:设置independenttrue。独立分包可单独访问分包的内容,不需要下载主包。独立分包不能依赖主包或者其他包的内容。通常用于某些页面和当前小程序的其他页面关联不大的时候,如临时加的广告页或活动页。
  1. 分包大小查看:在微信开发工具中,你可以在“详情”->“基本信息”面板中查看项目及分包信息。小程序总大小(包含分包)可以达到20MB,但每个包的大小不能超过2MB。
  2. 使用分包:从独立分包中的页面进入小程序时,不需要下载主包。当用户进入普通分包或主包内页面时,主包才会被下载。这可以按需将某些具有一定功能独立性的页面配置到独立分包中,提升分包页面的启动速度。

以上是小程序分包的详细流程,通过分包可以优化小程序的结构和性能,提高用户体验。请注意,以上流程可能因微信小程序的更新而略有变化,建议参考官方文档以获取最新信息。

相关文章
|
6天前
|
小程序
微信小程序-分包
微信小程序-分包
12 0
|
6天前
|
小程序
小程序的分包加载具体流程
小程序的分包加载具体流程
180 0
|
6天前
|
小程序 开发者
解决微信小程序因为包太大无法上传:uniapp分包
解决微信小程序因为包太大无法上传:uniapp分包
|
6天前
|
小程序 开发者
【微信小程序】-- 分包 - 独立分包 & 分包预下载(四十五)
【微信小程序】-- 分包 - 独立分包 & 分包预下载(四十五)
|
6天前
|
小程序
【微信小程序】-- 分包(四十四)
【微信小程序】-- 分包(四十四)
|
6天前
|
小程序 前端开发 UED
详细讲解uniapp转小程序分包教程!!!
详细讲解uniapp转小程序分包教程!!!
|
6天前
|
小程序
微信小程序如何分包管理
微信小程序如何分包管理
68 0
|
6天前
|
小程序 UED 开发者
微信小程序如何分包管理
微信小程序如何分包管理
|
6天前
|
小程序 UED
微信小程序分包
微信小程序分包
43 0
|
11月前
|
小程序
微信小程序分包
微信小程序分包
118 0

热门文章

最新文章