首页 > 其他分享 >分包加载

分包加载

时间:2022-11-15 09:01:20浏览次数:68  
标签:tabBar 程序 json 分包 主包 加载 页面

某些情况下,开发者需要将小程序划分成不同的子包,在构建时打包成不同的分包,用户在使用时按需进行加载。

在构建小程序分包项目时,构建会输出一个或多个分包。每个使用分包小程序必定含有一个主包。所谓的主包,即放置默认启动页面/TabBar 页面,以及一些所有分包都需用到公共资源/JS 脚本;而分包则是根据开发者的配置进行划分。

在小程序启动时,默认会下载主包并启动主包内页面,当用户进入分包内某个页面时,客户端会把对应分包下载下来,下载完成后再进行展示。

目前小程序分包大小有以下限制:

整个小程序所有分包大小不超过 20M
单个分包/主包大小不能超过 2M
对小程序进行分包,可以优化小程序首次启动的下载时间,以及在多团队共同开发时可以更好的解耦协作。

具体使用方法请参考:

在 app.json 中的 tabBar 项指定 custom 字段,同时其余 tabBar 相关配置也补充完整。
所有 tab 页的 json 里需声明 usingComponents 项,也可以在 app.json 全局开启。

示例:

{
  "tabBar": {
    "custom": true,
    "color": "#000000",
    "selectedColor": "#000000",
    "backgroundColor": "#000000",
    "list": [{
      "pagePath": "page/component/index",
      "text": "组件"
    }, {
      "pagePath": "page/API/index",
      "text": "接口"
    }]
  },
  "usingComponents": {}
}

标签:tabBar,程序,json,分包,主包,加载,页面
From: https://www.cnblogs.com/IT-IOS-MAN/p/16891257.html

相关文章

  • ubuntu的iptables开机自动加载规则文件
    1、写一些规则sudoiptables-AINPUT-ptcp--dport80-jACCEPTsudoiptables-IINPUT-ptcp--dport3306-jREJECT2、保存到/etc/iptables.rules文件中sudo......
  • vue + el-menu 动态加载 一二级菜单 侧边栏
    1.HTML<template><divclass="container"><divclass="top">上</div><divclass="main"><!--动态加载侧边栏首先分为可折叠的......
  • 如何在 .NET MAUI 中加载 json 文件?
    引言:按core传统方式添加AddJsonFile("appsettings.json")在windows平台和ssr工作正常,但是在ios和android无法用这种方式,因为资源生成方式不一样.使用内置资源方......
  • WinDBG详解进程初始化dll是如何加载的
    一:背景1.讲故事有朋友咨询个问题,他每次在调试WinDbg的时候,进程初始化断点之前都会有一些dll加载到进程中,比如下面这样:Microsoft(R)WindowsDebuggerVersion10.0.252......
  • el-select实现下拉框触底加载更多
    当下拉框需要展示的数据有很多时,几千甚至上万条,一次性全部请求回来再按照特定格式比如id-name去处理数据的话,不论是从接口还是前端,这个性能都不是很好,会造成下拉框初次打......
  • 图片懒加载是怎么实现的?
    图片懒加载体现在页面不展示图片的时候,img不会发送http请求获取src资源,等到需要展示图片大的时候才会发送http请求src资源展示,这样优化了用户体验; 具体实现是给不需要......
  • 7 JVM类加载机制
    目录1类/接口加载机制1类加载的时机1.1类的生命周期1.2类初始化的时机3接口初始化的时机4类加载的过程4.1加载4.2验证4.3准备4.4解析4.4.1类或接口的解析4.4.2......
  • 异步加载与请求
    异步加载与请求:文章目录​​异步加载与请求:​​​​背景:​​​​异步加载​​​​JSON介绍与应用​​​​异步GET与POST请求​​背景:随着技术的不断进步,现在不少网站已经引......
  • jvm类加载
    类加载器:(由高到低)bootstrapclassloader;extclassloader;appclassloader不同类加载器有不同的作用(加载基础类库;拓展类库;三方类;自定义类),因此,每个类的字节码对象......
  • uView list 控件分页加载出现抖动问题解决方案
    使用u-list 组件 动态加载数据时 滑动列表元素 会出现抖动的情况解决 设置preLoadScreen为根据page的动态变换就可以了preLoadScreen 列表前后预渲染的屏数,1......