uniapp 小程序分包

lxf2023-04-25 18:14:01

如何分包uniapp和小程序?下面的文章将带您详细了解uniapp和小程序的分包步骤,希望对您有所帮助!

uniapp 小程序分包

一、小程序分包

每个分包小程序必须包含一个主包。所谓主包,就是放置默认启动页面//TabBar 所有页面和分包都需要公共资源/JS 脚本;分包是根据开发者的配置来划分的。

启动小程序时,默认情况下会下载主包并启动主包内页面。当用户进入分包内的页面时,客户端会下载相应的分包,下载后再显示

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

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

这里直接点击查看官方分包教程很容易理解:

https://developers.weixin.qq.com/miniprogram/dev/framework/subpackages/basic.html

二、uniapp分包小程序

默认情况下,该应用程序是一个完整的包装。与小程序的分包配置兼容。其目的不是为了下载速度,而是为了在主页上启动速度。[相关建议:uniapp教程]

  • components:公共组件(供主包引用)
  • page后跟拼音都是分包的
  • 分包中的components是单个分包自己的组件目录,分包vue页面的引用只能在自己的page_xxx分包目录下引用
  • pages是主包,里面全是启动页面/TabBar 页面
  • static中有公共静态资源,图片类

分包步骤:

1.配置manifestst.json