小程序分包的详细流程

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

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

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

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

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

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

相关文章
|
1月前
|
小程序 前端开发 测试技术
微信小程序的开发完整流程是什么?
微信小程序的开发完整流程是什么?
111 7
|
16天前
|
小程序 前端开发 算法
|
29天前
|
机器学习/深度学习 人工智能 小程序
【一步步开发AI运动小程序】三、运动识别处理流程
随着人工智能技术的发展,阿里体育等公司推出的“乐动力”、“天天跳绳”等AI运动APP备受关注。本文将引导您从零开始开发一个AI运动小程序,使用“云智AI运动识别小程序插件”。文章介绍了视频帧、帧率FPS、抽帧和人体识别等基本概念,并详细说明了处理流程,包括抽帧、人体识别检测、骨骼图绘制和运动分析等步骤。下篇将介绍如何在小程序中实现抽帧。
|
3月前
|
存储 小程序 Java
【小程序分包】小程序包大于2M,来这教你分包啊
本文介绍了如何通过分包解决uniapp小程序包体积过大的问题。由于版本升级导致包体积超过2M,即使压缩静态资源也无法满足发布要求。文章详细讲解了分包的原因、步骤及注意事项,并提供了实操示例,帮助读者理解并实现小程序分包,从而减小主包大小
189 1
【小程序分包】小程序包大于2M,来这教你分包啊
|
1月前
|
小程序
微信小程序的注册流程
微信小程序的注册流程
74 0
|
2月前
|
小程序 JavaScript 开发者
微信小程序分包的相关概念和使用
本文介绍了微信小程序分包的概念、优势、配置方法、加载规则、体积限制,以及独立分包和分包预下载的配置,旨在帮助开发者优化小程序的加载速度和开发效率。
|
3月前
|
小程序 前端开发 持续交付
小程序全栈开发中的CI/CD流程与自动化部署是一种高效的开发模式。
本文探讨小程序全栈开发中的CI/CD流程与自动化部署,介绍持续集成与部署的概念,包括自动化构建、测试、代码审查及部署实践。通过提高代码质量、迭代速度及团队协作效率,确保小程序稳定运行与良好用户体验。
85 2
|
4月前
|
小程序 开发工具 开发者
知识付费教育小程序搭建的流程及技术要点
【知识付费教育小程序】兴起于知识经济时代,旨在提供高质量知识服务。开发涉及定位受众、技术选型(如微信小程序)、功能设计(课程展示、购买、进度跟踪)、内容更新及用户体验优化。推广与运营,包括社交媒体宣传、会员体系构建、积分激励及持续优化,确保用户增长与留存。
|
4月前
|
存储 小程序 数据库
拉货搬家服务小程序如何开发?拉货搬家服务小程序制作流程
随着现代社会的发展,拉货搬家已经成为人们生活中不可避免的一部分。然而,繁琐的拉货搬家过程往往会让人感到沮丧和压力。为了解决这个问题,开发一款拉货搬家服务小程序就显得尤为重要。这个小程序可以帮助用户轻松下单拉货搬家服务,让拉货搬家更加便捷高效。
|
4月前
|
小程序
跨端技术问题之页面或组件样式在小程序、小程序插件和小程序分包中有什么差异
跨端技术问题之页面或组件样式在小程序、小程序插件和小程序分包中有什么差异