微信小程序分包示例

╰半夏微凉° 2021-07-24 13:38 553阅读 0赞

## 前言：小程序比较大都会使用分包，那么就出现了主包和分包;主包：默认加载/启动的页面。分包：划分了待加载的页面，也就是进去分包的某个页面才会下载分包（分包可以分多个）。 ##

--------------------

问：如果不分包呢？
    答：不分包的话全部文件大小加起来不能超过2M，可以分成多个包  每个包不超过2M 总体不超过12M就行。
    
    整个小程序所有分包大小不超过 12M
    单个分包/主包大小不能超过 2M

--------------------

**PS：以下是目录结构和分包代码**  
官网分包说明地址：[https://developers.weixin.qq.com/miniprogram/dev/framework/subpackages.html][https_developers.weixin.qq.com_miniprogram_dev_framework_subpackages.html]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0MjI3Mjkx_size_16_color_FFFFFF_t_70]

--------------------

**PS：在开发者工具-详情里面可以看到分包信息**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0MjI3Mjkx_size_16_color_FFFFFF_t_70 1]

[https_developers.weixin.qq.com_miniprogram_dev_framework_subpackages.html]: https://developers.weixin.qq.com/miniprogram/dev/framework/subpackages.html
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0MjI3Mjkx_size_16_color_FFFFFF_t_70]: /images/20210724/5fbd27346a6f4d379eaa6961bb25250f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0MjI3Mjkx_size_16_color_FFFFFF_t_70 1]: /images/20210724/62ccf70d72854edb996036fa38037353.png

发表评论取消回复

表情：

评论列表（有 0 条评论，553人围观）

还没有评论，来说两句吧...

相关阅读

相关微信小程序分包处理操作

-------------------- 要有遥不可及的梦想，也要有脚踏实地的本事。----------- Grapefruit.Banuit Gang(香柚帮) ----

àì夳堔傛蜴生んèń/ 2023年01月15日 08:30/ 0 赞/ 300 阅读

相关微信小程序-使用 vant-weapp 之后的分包优化

背景在开发中引入了 `vant-weapp` 导致项目包过大，真机调试不了，也上传不了，所以只能分包加载了。 ![在这里插入图片描述][watermark_type

朱雀/ 2022年12月11日 06:23/ 0 赞/ 484 阅读

相关 uniapp中微信小程序分包策略

引言用uniapp开发调试微信小程序时，随着项目的体积越来越大，导致无法将代码上传小程序。根本上是因小程序有体积和资源加载限制：微信小程序每个分包的大小是2M，总

我会带着你远行/ 2022年11月11日 05:11/ 0 赞/ 310 阅读

相关微信小程序怎么打开分包页面 || 分包页面打开方式

[微信小程序分包][Link 1] 配置 "subpackages": [ { "root": "subpackag

r囧r小猫/ 2022年08月31日 15:15/ 0 赞/ 255 阅读

相关微信小程序图片分包 || 微信小程序资源分包

静态资源处理在分包根目录建一个static包，把资源放进这个static包 pageA --页面1 --页面2 ......

「爱情、让人受尽委屈。」/ 2022年08月29日 05:54/ 0 赞/ 295 阅读

相关小程序分包

转自:[https://www.jianshu.com/p/e51316e15a6a][https_www.jianshu.com_p_e51316e15a6a] 1.分包

比眉伴天荒/ 2022年04月24日 00:54/ 0 赞/ 254 阅读

相关小程序分包

前情提要：写好之后发现不能小程序过大不能预览上传。这个时候我的目录都是已经写好了的，然后我给项目分包。首先：现在项目里建一个和pages平级的文件夹取名pagesA，然后把

心已赠人/ 2022年01月20日 07:23/ 0 赞/ 310 阅读

相关【微信小程序】解决代码上传超过大小限制，小程序分包

微信小程序分包小程序项目更新迭代，代码越来越大，超过了2M，小程序不能发布快速解决方案，原来的页面跳转都不需要改，只需要改变app.json文件原来app.

小咪咪/ 2021年09月08日 13:40/ 0 赞/ 1231 阅读

相关 uniapp 微信小程序分包详细实现过程

uniapp 微信小程序分包最近在使用uniapp编写小程序的时候，在微信开发者工具中预览或者上传的时候，提示我：微信小程序大小只能是2M以内，如果超过2M，则无法

女爷i/ 2021年07月25日 19:19/ 0 赞/ 1043 阅读

相关微信小程序分包示例

前言：小程序比较大都会使用分包，那么就出现了主包和分包;主包：默认加载/启动的页面。分包：划分了待加载的页面，也就是进去分包的某个页面才会下载分包（分包可以分多个）。 -

╰半夏微凉°/ 2021年07月24日 13:38/ 0 赞/ 554 阅读