小程序分包的详细流程

news/2024/7/20 3:21:00 标签: 小程序

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

  1. 建立分包文件夹:在项目根目录下创建分包文件夹,用来存放除底部菜单栏页面之外的其他页面。例如,你可以创建一个名为subPackages的文件夹,并在其中创建pages文件夹用于存放页面文件,以及images文件夹用于存放图片资源。

  2. 文件构建:将除底部菜单栏对应的页面之外的其他页面文件移动到subPackages/pages文件夹下。原pages文件夹下只保留底部菜单栏对应的页面,确保文件大小最小。

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

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

  5. 使用分包:从独立分包中的页面进入小程序时,不需要下载主包。当用户进入普通分包或主包内页面时,主包才会被下载。这可以按需将某些具有一定功能独立性的页面配置到独立分包中,提升分包页面的启动速度。

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


http://www.niftyadmin.cn/n/5391528.html

相关文章

MongoDB聚合运算符:$bitAnd

文章目录 语法用法举例两个整数按位进行与操作长整数和整数按位与操作 $bitAnd集合运算符返回对int或long数组进行位操作和运算的结果。 语法 { $bitAnd: { [ <expression1>, <expression2>, ... ] }用法 如果操作数包括整型和长整型值&#xff0c;MongoDB会对计…

【黑马程序员】2、TypeScript介绍_黑马程序员前端TypeScript教程,TypeScript零基础入门到实战全套教程

课程地址&#xff1a;【黑马程序员前端TypeScript教程&#xff0c;TypeScript零基础入门到实战全套教程】 https://www.bilibili.com/video/BV14Z4y1u7pi/?share_sourcecopy_web&vd_sourceb1cb921b73fe3808550eaf2224d1c155 目录 2、TypeScript初体验 2.1 安装编译TS的工…

软件设计师软考题目解析01 --每日五题

想说的话&#xff1a;要准备软考了。0.0&#xff0c;其实我是不想考的&#xff0c;但是吧&#xff0c;由于本人已经学完所有知识了&#xff0c;只是被学校的课程给锁在那里了&#xff0c;不然早找工作去了。寻思着反正也无聊&#xff0c;就考个证玩玩。 本人github地址&#xf…

分享从零开始学习网络设备配置--任务5.1 组建直连式二层无线局域网

任务要求 &#xff08;1&#xff09;组建直连式二层无线局域网&#xff0c;网络拓扑图如图 &#xff08;3&#xff09;路由器、交换机和AC等网络设备端口IP地址规划如表 &#xff08;4&#xff09;组建直连式二层无线局域网&#xff0c;配置AP上线、WLAN业务参数和实现STA能正…

对实现移动应用界面设计的思考

1. 屏幕 1.1. 屏幕的职责 现在的移动设备都使用触摸屏&#xff0c;触摸屏承担了两项职责&#xff1a;展示界面和处理用户操作指令。界面上展示的东西又可以分为内容和样式。比如展示一行大标题&#xff0c;标题文字是内容&#xff0c;字体、字号、颜色、背景色等等是样式。处…

【FreeRTOS】任务创建

参考博客&#xff1a; ESP-IDF FreeRTOS 任务创建分析 - [Genius] - 博客园 (cnblogs.com) 1.什么是任务 1&#xff09;独立的无法返回的函数称为任务 2&#xff09;任务是无线循环 3&#xff09;无返回数据 2.任务的实现过程 1.定义任务栈 裸机程序&#xff1a;统一分配到一…

一流的财务:搞数据!!!(干货)

“三流财务给数据&#xff0c;二流财务给分析报告&#xff0c;一流财务给....&#xff08;解决方案&#xff09;“这些文章应该很多人都看到过&#xff0c;这个口号粗看好像很有道理&#xff0c;但笔者并不认同&#xff0c;因为大家都忽略了一个重要的概念&#xff1a;数据&…

Ps:明度直方图

明度 Luminosity直方图显示了图像中各个亮度级别的像素分布情况。 与 RGB 直方图不同&#xff0c;“明度”直方图专注于图像的亮度信息&#xff0c;而不是单独的颜色信息。 在“直方图”面板的通道中选择“明度”。 “明度”直方图提供了一种量化的方式来理解图像的整体明暗结构…