小程序中的分包

最新推荐文章于 2024-04-29 09:47:21 发布
最新推荐文章于 2024-04-29 09:47:21 发布
阅读量332 收藏 1
点赞数
分类专栏： 小程序学习 文章标签： 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_58729897/article/details/119884202
版权

小程序中的分包

  • 我们都知道，小程序中的每个包的大小，不能超过2M，那如果在正常使用中有些大型的程序超过了，应该怎么办？
    我们需要在小程序中进行分包，以便程序能够正常运行。

小程序中分包的好处

就是为了提高首屏加载速度

注：

  • tabBar必须放在主包内
  • 必须用subPackage命名
    subPackage和pages,tabBar在同一级
    即：
    subPackage分包内容
  • root是根目录名称
  • pages是内容的地址
  • subPackage是一个数组，包含多个对象，每一个对象就是一个分包
踟 蹰
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信小程序之分包
12程序猿的博客
07-08 2295
微信小程序分包 浏览查看微信小程序官方文档，整理如下： 一、 二、使用分包 配置方法 假设支持分包的小程序目录结构如下： ├── app.js ├── app.json ├── app.wxss ├── packageA │ └── pages │ ├── cat │ └── dog ├── packageB │ └── pages │ ├── apple │ └── banana ├── pages │ ├── index │ └── lo
微信小程序中的分包的功能
02-08
当项目大到一定程度的时候，我们就需要使用到分包的功能
微信小程序分包
Kerwin__li的博客
01-10 400
当用户进入分包内某个页面时，客户端会把对应分包下载下来，下载完成后再进行展示。目前小程序分包大小有以下限制：1、整个小程序所有分包大小不超过 20M2、单个分包/主包大小不能超过 2M。
微信小程序--如何分包
最新发布
weixin_47037550的博客
04-29 624
独立分包是小程序中一种特殊类型的分包，可以独立于主包和其他分包运行。从独立分包中页面进入小程序时，不需要下载主包。当用户进入普通分包或主包内页面时，主包才会被下载。开发者可以按需将某些具有一定功能独立性的页面配置到独立分包中。当小程序从普通的分包页面启动时，需要首先下载主包；而独立分包不依赖主包即可运行，可以很大程度上提升分包页面的启动速度。一个小程序中可以有多个独立分包。限制独立分包属于分包的一种。普通分包的所有限制都对独立分包有效。独立分包中插件、自定义组件的处理方式同普通分包。
微信小程序入门教程 （二）- 开发工具、项目 新建、分包、命名
Android、前端、小程序、后端
11-04 759
新建项目初始结构分包、命名新手方式正确方式 新建项目 1.扫码登录 - 选取右侧小程序 - 箭头所指新建项目 2.新建项目/导入项目 初始结构 .js、.json、.wxml、.wxss的区别 .js文件 逻辑区域 .json文件 是页面的配置文件，页面的配置文件是非必要的 .wxml文件 UI布局 .wxss文件 页面的样式表，页面的样式表是非必要的 分包、命名 新手方式 注：第一...
小程序 分包
m0_66430291的博客
04-21 525
分包 指的是把一个完整的小程序项目，按照需求划分为不同的子包，在构建时打包成不同的分包，用户在使用时按需进行加载 好处 可以优化小程序首次启动的下载时间 在多团队共同开发时可以更好的解耦协作 分包后项目构成 小程序项目由 1 个主包 和 多个分包 组成 主包: 一般只包含项目的启动页面或 TabBar 页面、以及所有分包都需要用到的一些公共资源 分包: 包含和当前分包有关的页面和私有资源 分包加载规则 小程序启动时，默认会下载主包并启动主包内页面 当用户进入分包内某个页面时，客户端会把
小程序使用分包的示例代码
11-21
本文介绍了小程序使用分包的...目前小程序分包大小有以下限制： 整个小程序所有分包大小不超过 12M 单个分包/主包大小不能超过 2M 在小程序启动时，默认会下载主包并启动主包内页面，当用户进入分包内某个页面时，客
小程序如何使用分包加载的实现方法
10-16
在微信小程序的开发中，面对日益增长的代码体积，分包加载成为了一种优化用户体验的有效策略。本文将详细解析小程序如何使用分包加载的实现方法，以帮助开发者提高小程序的加载速度，降低用户首次打开时的白屏时间，...
微信小程序分包加载代码实现方法详解
10-16
主要介绍了微信小程序分包加载代码实现方法详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
微信小程序分包加载实战
03-29
微信小程序采用的是类似离线包加载方案，以 转转 小程序为例，当用户第一次打开时会先下载好所有代码，然后再加载页面；当用户再次进入转转小程序时，会直接使用已下载的代码，省去了代码下载的过程，打开速度更快...
uni-app 小程序 配置分包
总结前端开发中遇到的问题，分享前端知识
03-23 1259
配置小程序分包： 分包可以减少小程序首次启动时的加载时间 为此，我们在项目中，把 tabBar 相关的 4 个页面放到主包中，其它页面（例如：商品详情页、商品列表页）放到分包中。在 uni-app 项目中，配置分包的步骤如下： 在项目根目录中，创建分包的根目录，命名为subpkg 在pages.json中，和pages节点平级的位置声明subPackages节点，用来定义分包相关的结构： { "pages": [ { "path": "pa...
小程序分包
过客如期的博客
03-27 549
一，前言 1.在小程序里主包的大小是2M，超过了2M就不能打包上传。 2.目前小程序支持分包操作，每个包的大小不超过2M,所有包加起来不超过20M。 二，分包 1.在app.json里subpackages字段用于小程序的分包 2.subpackags接受一个数组，数组的每一个元素声明了每一个包。 3.形式：subpackages:[{ root:'packageA',pages:['pages/pageA','pages/pageB']}] ......
小程序创建分包
weixin_59527403的博客
08-30 95
小程序创建分包
微信小程序- 分包相关的知识
weixin_43910988的博客
06-18 76
packages : 指定分包名称或别名（总和不得超过2M否则预下载失败）network:指定是wifi情况还是所有情况。independent:是否为独立分包。设置完毕后，自动创建分包。root:分包的根目录。pages：分包的路径。可以设置分包预下载。
小程序-分包 [记录]
weixin_30813225的博客
03-20 73
不改变文件结构分包处理app.json "pages": [ 　　"pages/Main/Main1/main", 　　"pages/A/A1/main", 　　"pages/A/A2/main", 　　"pages/B/B1/main", 　　"pages/B/B2/main", 　　"pages/B/B3/main", 　　"page...
小程序分包步骤
weixin_56149392的博客
09-21 140
在pages.json的pages同级配置。之后在项目总目录下新建subpkg目录。在目录subpkg目录下新建页面。填写页面名称，选择分包目录即可。
手把手搭建一个小程序分包处理
weixin_45966674的博客
06-28 605
当你把page加好之后 你再打开 app.json 你会发现 你刚才加的subpackages 已经开始和文件结构联动了 开发者工具自动帮你在moduleA 包的page下加上了这个 index的page。至于创建包的规范就是 自己定义的名字 很多用 什么什么A 什么什么B 什么什么C 什么什么D去分的 不丢人。然后 在这个 A包下 pages下新创建的 index文件夹下创建一个page 就叫 index吧。我们在主page下的index界面写一个点击事件。
一般开发中的包的命名规范与格式
jiangxi499的专栏
12-05 335
小程序 TUIkit分包使用
12-10
根据提供的引用内容，小程序的TUIkit分包使用需要注意以下几点： 1. 分包的path前面不能加‘/’，否则会变成绝对路径。 2. 分包后主包和分包都会有一份TUIkit代码，导致打包后的vendor.js文件过大。 3. 打包时需要...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值