微信小程序分包流程

简介: 微信小程序分包流程

为什么要分包

1.小程序要求压缩包体积不能大于 2M,否则无法发布

2.实际开发中小程序体积如果大于 2M 就需要使用分包机制进行发布上传

3.分包后可解决 2M 限制,并且能分包加载内容,提高性能

4.分包后单个包的体积不能大于 2M

5.分包后所有包的体积不能大于 16M

分包前

分包后

分包形式

1.常规分包
2.独立分包
3.分包预下载

常规分包

根目录创建一个包文件夹——>pages基本文件夹创建——>新建一个pages页面

开发者通过在 app.json subpackages 字段声明项目分包结构

简略一步骤概况(创建分包很简单,只需要在app.json文件下,通过 subpackages 进行分包创建,创建之后保存文件,分包的文件就会自动出现在目录中。)

主包和分包就可以显示了

特点

主包无法引用分包内的私有资源
分包之间不能相互引用私有资源
分包可以引用主包内的公共资源

独立分包:

概念:独立分包本质上也是分包,只不过它比较特殊,可以独立于主包和其它分包而单独运行。

独立分包和普通分包的区别:

普通分包必须依赖于主包才能运行
独立分包可以在不下载主包的情况下,独立运行
一个小程序可以有多个独立的分包

将想要设置的独立分包中设置 independent 为 true,通过此节点,声明当前“package”分包为“独立分包”

特点:

a)独立分包可单独访问分包的内容,不需要下载主包
b)独立分包不能依赖主包或者其他包的内容
c)主包无法引用独立分包内的私有资源
  d)独立分包之间,不能相互引用私有资源
  e)独立分包和普通分包之间,不能相互引用私有资源
  f)注意:独立分包中不能引用主包内的公共资源
.使用场景
g)通常某些页面和当前小程序的其他页面关联不大的时候可进行独立分包
如:临时加的广告页 || 活动页

分包预下载

概念:在进入小程序的某个页面时,由框架自动预下载可能需要的分包,从而提升进入后续分包页面时的启动速度。

在app.json中,使用 preloadRule 节点定义分包的预下载规则

特点:

a)在加载当前包的时候可以设置预下载其他的包

b)缩短用户等待时间,提高用户体验


相关文章
|
3月前
|
小程序 前端开发 测试技术
微信小程序的开发完整流程是什么?
微信小程序的开发完整流程是什么?
184 7
|
3月前
|
人工智能 弹性计算 搜索推荐
打造个性化的微信公众号AI小助手:从人设到工作流程
在数字化时代,一个有个性且功能强大的AI小助手能显著提升用户体验。本文档指导如何在微信公众号上设置AI小助手“小智”,涵盖其人设、功能规划及工作流程设计,旨在打造一个既智能又具吸引力的AI伙伴。
106 0
|
24天前
|
人工智能 小程序 JavaScript
【一步步开发AI运动小程序】十四、主包超出2M大小限制,如何将插件分包发布?
本文介绍了如何从零开始开发一个AI运动小程序,重点讲解了通过分包技术解决程序包超过2M限制的问题。详细步骤包括在uni-app中创建分包、配置`manifest.json`和`pages.json`文件,并提供了分包前后代码大小对比,帮助开发者高效实现AI运动功能。
|
2月前
|
小程序 前端开发 算法
|
2月前
|
Java API 开发者
Java如何实现企业微信审批流程
大家好,我是V哥。本文分享如何在企业微信中实现审批流程,通过调用企业微信的开放API完成。主要内容包括获取Access Token、创建审批模板、发起审批流程和查询审批结果。提供了一个Java示例代码,帮助开发者快速上手。希望对你有帮助,关注V哥爱编程,编码路上同行。
103 4
|
3月前
|
机器学习/深度学习 人工智能 小程序
【一步步开发AI运动小程序】三、运动识别处理流程
随着人工智能技术的发展,阿里体育等公司推出的“乐动力”、“天天跳绳”等AI运动APP备受关注。本文将引导您从零开始开发一个AI运动小程序,使用“云智AI运动识别小程序插件”。文章介绍了视频帧、帧率FPS、抽帧和人体识别等基本概念,并详细说明了处理流程,包括抽帧、人体识别检测、骨骼图绘制和运动分析等步骤。下篇将介绍如何在小程序中实现抽帧。
|
3月前
|
小程序
微信小程序的注册流程
微信小程序的注册流程
116 0
|
4月前
|
小程序 JavaScript 开发者
微信小程序分包的相关概念和使用
本文介绍了微信小程序分包的概念、优势、配置方法、加载规则、体积限制,以及独立分包和分包预下载的配置,旨在帮助开发者优化小程序的加载速度和开发效率。
|
3月前
|
JSON 小程序 JavaScript
uni-app开发微信小程序的报错[渲染层错误]排查及解决
uni-app开发微信小程序的报错[渲染层错误]排查及解决
782 7
|
3月前
|
小程序 JavaScript 前端开发
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
790 1