微信小程序中的分包使用介绍

这篇具有很好参考价值的文章主要介绍了微信小程序中的分包使用介绍。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一、分包的好处

可以优化小程序首次启动的下载时间

在多团队共同开发时可以更好的解耦协作

主包:放置默认启动页面/TabBar 页面,公共资源/JS 脚本

分包根据开发者的配置进行划分

限制:所有分包大小不超过 20M,单个分包/主包大小不能超过 2M

二、分包的目录和配置

app.json 中新建"subpackages",结构如图,写好后保存就行,图片的左右是对应的

左边是页面,右边是配置

subpackages:表示分包,里面存放数组,可以放多个分包

root:分包根目录

name:分包别名,分包预下载时可以使用

pages:分包页面路径(用数组存放多个页面)

independent:设置独立分包

微信小程序中的分包使用介绍,微信小程序,微信小程序,小程序

另外再抄一份分包的配置代码

 "subpackages": [
    {
      "root": "pkgA",
      "name": "p1",
      "pages": [
        "pages/cat/cat",
        "pages/dog/dog"
      ]
    },
    
    {
      "root": "pkgB",
      "name": "p2",
      "pages": [
        "pages/apple/apple"
      ],
      "independent": true
    }
  ]

 三、分包的限制

分包之间不能 require JS 文件, template,资源

分包可以使用主包的 JS 文件, template,资源

四、独立分包

1、独立分包特点

可以独立于主包和其它分包,独自运行

从独立分包进入小程序时,不需要下载主包

一个小程序可以有多个独立分包

2、配置方法

app.jsonsubpackages字段中对应的分包配置项中定义independent字段

微信小程序中的分包使用介绍,微信小程序,微信小程序,小程序

 限制:

独立分包不能依赖主包和其它分包的资源

主包中的 app.wxss 对独立分包无效

五、分包预下载

预下载分包行为在进入某个页面时触发,进入此页面后,下载指定分包的内容。

通过在 app.json 增加 preloadRule 配置来控制。

微信小程序中的分包使用介绍,微信小程序,微信小程序,小程序

 packages:进入页面后预下载分包的 root 或 name 表示主包

network:all: 不限网络      wifi: 仅wifi下

限制:

同一个分包中的页面享有共同的预下载大小限额 2M,限额会在工具中打包时校验。

如,页面 A 和 B 都在同一个分包中,A 中预下载总大小 0.5M 的分包,B中最多只能预下载总大小 1.5M 的分包。

六、总结

只是一个配置文件,会抄就行,没什么难的,除非你想背下来文章来源地址https://www.toymoban.com/news/detail-629150.html

到了这里,关于微信小程序中的分包使用介绍的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 分包(微信小程序)

    首先,微信小程序中使用分包是为了减少首屏的请求,因为微信小程序会默认下载主包内的内容并展示到页面上,但是随着业务量的增加,代码量也会越来越大。会导致我们启动小程序的时候首页加载速度过慢的这个问题。这时我们就可以采用分包技术来解决首次加载速度慢

    2024年02月04日
    浏览(47)
  • 微信小程序如何分包

    微信小程序开发过程中,随着业务不断迭代,程序包的体积越来越大,使用分包加载是开发者必须面对的问题。 正常情况下,小程序首次启动时,会将整个代码包下载下来,所以如果代码包过大,会影响小程序首次启动时间,因此微信官方对小程序代码包做了大小限制。 一

    2023年04月24日
    浏览(47)
  • 微信小程序---分包操作

    有时候我们的小程序太大,首次打开小程序的时候回比较慢,这个时候我们可以试试分包操作。分包可以让用户在操作小程序的时候按需下载资源(用户在进入某些页面的时候才去下载相应的资源,可以加快小程序的速度,优化用户体验)。 小程序代码有个2M限制,是不是有

    2023年04月17日
    浏览(79)
  • uniapp 微信小程序 分包

    1、manifest.json内添加如图所示: 2、在与pages同级上创建各个分包的文件夹 把需要分包的文件对应移入分包文件夹内 3、page.json内修改分包文件的路径 比如: 3、页面内跳转路径修改 比如:

    2024年02月13日
    浏览(54)
  • 微信小程序如何分包管理

    微信小程序的分包管理可以帮助你更有效地组织和管理小程序的代码和资源,以提高性能和加载速度。以下是一些关于如何进行微信小程序分包管理的步骤: 微信小程序的分包管理可以帮助你更有效地组织和管理小程序的代码和资源,以提高性能和加载速度。以下是一些关于

    2024年02月09日
    浏览(58)
  • uniapp微信小程序分包

    目录 一. 分包的概念 1. 什么是分包 2. 分包的好处 3. 分包后项目的构成 4. 分包加载规则 5. 分包体积限制 二. 分包的方法 1. 分包后的目录结构 2. 配置manifest.json 3. 配置pages.json 4. 全局修改分包文件路径 1. 什么是分包 2. 分包的好处 3. 分包后项目的构成 4. 分包加载规则

    2024年02月11日
    浏览(53)
  • uniapp 微信小程序分包

    uniapp项目编译到微信小程序上传代码时提示体积过大,这个时候就要做优化了,大致就以下几个方面 1.减少或压缩本地图片 2.删减重复代码,删减无用CSS样式 3.减少无用组件引用 这个时候做完发现也优化不了多少体积,代码包还是过大,所以就要用到分包了 分包步骤 1.在p

    2024年02月14日
    浏览(48)
  • 微信小程序---如何创建分包

    1.在项目根目录中,创建分包的根目录,名为subpkg,这个名字可以自己定义 2.在 pages.json 中,和 pages 节点平级的位置声明 subPackages 节点,用来定义分包相关的结构: 3.在分包目录,点击右键新建页面,例如:

    2024年01月20日
    浏览(42)
  • 微信小程序分包,分包与主包页面跳转

    什么是分包 分包指的是把一个完整的小程序项目,按照需求划分为不同的子包, 在构建时打包成不同的分包,用户在使用时按需进行加载。 分包的好处 对小程序进行分包的好处主要有以下两点: ● 可以优化小程序首次启动的下载时间 ● 在多团队共同开发时可以更好的解耦

    2023年04月08日
    浏览(55)
  • uniapp-微信小程序 分包--详解

    先说好,如果代码模块多,就一个一个模块搞(照着做不会错) 直入主题,我代码写完了,一真机运行,g,发现超过2m(微信小程序不能超过2m),找办法,发现设置里面有个最大运行4M,打开后可以真机调试了,结果上传代码,g,必须小于2M。找办法 1、将静态资源放到服务

    2023年04月23日
    浏览(54)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包