如何手把手学习uniapp和小程序分包技术?

更新于
2026-09-26 16:25:55
1阅读来源:SEO资源
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计1167个文字,预计阅读时间需要5分钟。

如何手把手学习uniapp和小程序分包技术?

目录+一、小程序分包+二、uniapp分包小程包+步骤:+1. 配置manifest.json+2. 配置pages.json+3. 分包预加载配置(preloadRule)+一、小程序分包+每个使用分包的小程序必含一个主包。

目录
  • 一、小程序分包
  • 二、uniapp分包小程序
  • 分包步骤:
    • 1.配置manifest.json
    • 2.配置pages.json
    • 3.分包预载配置(preloadRule)

一、小程序分包

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

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

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

  • 整个小程序所有分包大小不超过 20M
  • 单个分包/主包大小不能超过 2M

对小程序进行分包,可以优化小程序首次启动的下载时间,以及在多团队共同开发时可以更好的解耦协作。

这里直接点击去看官方的分包教程容易理解

二、uniapp分包小程序

App默认为整包。兼容小程序的分包配置。

阅读全文

本文共计1167个文字,预计阅读时间需要5分钟。

如何手把手学习uniapp和小程序分包技术?

目录+一、小程序分包+二、uniapp分包小程包+步骤:+1. 配置manifest.json+2. 配置pages.json+3. 分包预加载配置(preloadRule)+一、小程序分包+每个使用分包的小程序必含一个主包。

目录
  • 一、小程序分包
  • 二、uniapp分包小程序
  • 分包步骤:
    • 1.配置manifest.json
    • 2.配置pages.json
    • 3.分包预载配置(preloadRule)

一、小程序分包

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

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

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

  • 整个小程序所有分包大小不超过 20M
  • 单个分包/主包大小不能超过 2M

对小程序进行分包,可以优化小程序首次启动的下载时间,以及在多团队共同开发时可以更好的解耦协作。

这里直接点击去看官方的分包教程容易理解

二、uniapp分包小程序

App默认为整包。兼容小程序的分包配置。

阅读全文