微信小程序分包（附微信小程序开发学习手册）
<h2 id="微信小程序分包">微信小程序分包</h2><h5 id="1为什么要分包">1.为什么要分包</h5>
<p>在微信小程序上线时，要求整个小程序所有分包大小不超过 16M（主包 + 所有分包， 单个分包/主包大小不能超过 2M。如果你主包大小大于2M则需要做一些处理，比如分包或者把一些大的资源如图片放在服务器上，然后从服务器上选取所用的图片</p>
<h4 id="2分包组成方式">2.分包组成方式：</h4>
<p>分包后，小程序项目由1 个主包+ 多个分包组成：<br>
主包：一般只包含项目的启动页面或TabBar 页面、以及所有分包都需要用到的一些公共资源<br>
分包：只包含和当前分包有关的页面和私有资源</p>
<h4 id="3配置方法">3.配置方法：</h4>
<p><img src="https://img-blog.csdnimg.cn/bc0926f8aa1742bf94aea76207649675.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA6Zey5Lq65LiN5qKm5Y2_,size_11,color_FFFFFF,t_70,g_se,x_16"><br>
<img src="https://img-blog.csdnimg.cn/bf87eb63125c4a2f84359360ded60665.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA6Zey5Lq65LiN5qKm5Y2_,size_11,color_FFFFFF,t_70,g_se,x_16"></p>
<h4 id="4普通分包以及主包之间引用原则">4.普通分包以及主包之间引用原则：</h4>
<p>主包里的资源（js, template, wxss, components, 图片）都是全局的，可以被公用；而每个分包相当于有自己的“作用域”，自己的资源，只能用自己的或者使用主包的，但不能使用其他子包的资源</p>
<h4 id="5独立分包">5.独立分包：</h4>
<p>当小程序从普通的分包页面启动时，需要首先下载主包。而独立分包不依赖主包即可运行，可以很大程度上提升分包页面的启动速度。注意：一个小程序中可以有多个独立分包</p>
<p>独立分包的配置方法：<br>
<img src="https://img-blog.csdnimg.cn/2c00aa13127a4d4997286cced5b595c6.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA6Zey5Lq65LiN5qKm5Y2_,size_8,color_FFFFFF,t_70,g_se,x_16"><br>
<img src="https://img-blog.csdnimg.cn/6b7a93c8e84f4b3890863657317d3553.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA6Zey5Lq65LiN5qKm5Y2_,size_15,color_FFFFFF,t_70,g_se,x_16"><br>
独立分包引用规则：<br>
独立分包和普通分包以及主包之间，是相互隔绝的，不能相互引用彼此的资源！例如：<br>
①主包无法引用独立分包内的私有资源<br>
②独立分包之间，不能相互引用私有资源<br>
③独立分包和普通分包之间，不能相互引用私有资源<br>
④特别注意：独立分包中不能引用主包内的公共资源</p>
<h4 id="6分包预下载">6.分包预下载</h4>
<p>分包预下载指的是：在进入小程序的某个页面时，由框架自动预下载可能需要的分包，从而提升进入后续分包页面时的启动速度。</p>
<p>预下载分包的行为，会在进入指定的页面时触发。在app.json 中，使用preloadRule节点定义分包的预下载规则，示例代码如下：<br>
<img src="https://img-blog.csdnimg.cn/f492ce8c889f4abb8e114a5bbdfd6a4f.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA6Zey5Lq65LiN5qKm5Y2_,size_20,color_FFFFFF,t_70,g_se,x_16"></p>
<p>分包预下载的限制：<br>
同一个分包中的页面享有共同的预下载大小限额2M<br>
<img src="https://img-blog.csdnimg.cn/8a696271f53b4a4e8906318919a688f0.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA6Zey5Lq65LiN5qKm5Y2_,size_11,color_FFFFFF,t_70,g_se,x_16"><br>
<img src="https://img-blog.csdnimg.cn/342c669b3fdb4254a5f33ef551713ec5.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA6Zey5Lq65LiN5qKm5Y2_,size_11,color_FFFFFF,t_70,g_se,x_16"></p>
<p><strong>如果你苦于学校并没有开设小程序的课程，或者没有一份系统完整的学习资料，请你务必收下今天这篇文章！4504页《微信小程序零基础入门开发文档》助你零基础入门微信小程序开发！毫不夸张的说，啃完这份笔记，你绝对能达到企业级的开发水准，保你在毕业时能惊艳所有人！</strong></p>
<p>废话不多说，我们直接开始上硬菜！！<br>
<strong>（ps：请务必点赞+收藏文章，把他分享给更多的人！）</strong></p>
<blockquote>
<p>这份笔记免费开源分享，有需要的朋友直接【一键三连】，然后点击【此处】进入群共享资源自取，或者直接通过下方代码块找我领取。**</p>
</blockquote>
<pre><code>// Wechat number（可复制）：
study5233
</code></pre>
<h2 id="第一章起步指南">第一章：起步指南</h2>
<p>这一章节是真正的入门篇，从零开始教你搭建、编码、运行你的第一个微信小程序。</p>
<p><img src="https://pic1.zhimg.com/v2-56e883fceb67e57abbfe6a78368faa5c_r.jpg"></p>
<h2 id="第二章框架">第二章：框架</h2>
<p><img src="https://pic4.zhimg.com/v2-11a6bd24cb3551dfdccc569b29f3e43b_r.jpg"></p>
<h2 id="第三章组件">第三章：组件</h2>
<p><img src="https://pic4.zhimg.com/v2-9a42414c0d970a47f81a2e8449e44e6b_r.jpg"></p>
<h2 id="第四章api">第四章：API</h2>
<p><img src="https://pic3.zhimg.com/v2-d65dc55c75d8183f375661f7205568b6_r.jpg"></p>
<blockquote>
<p>这份笔记免费开源分享，有需要的朋友直接【一键三连】，然后点击【此处】进入群共享资源自取，或者直接通过下方代码块找我领取。**</p>
</blockquote>
<pre><code>// Wechat number（可复制）：
study5233
</code></pre>
<h2 id="第五章服务">第五章：服务</h2>
<p><img src="https://pic1.zhimg.com/v2-1d3313dfd0ff5261e73ec6016af54d38_r.jpg"></p>
<h2 id="第六章工具">第六章：工具</h2>
<p><img src="https://pic2.zhimg.com/v2-a34360826c278408575ba3037fe87eb1_r.jpg"></p>
<h2 id="第七章云开发">第七章：云开发</h2>
<p><img src="https://pic4.zhimg.com/v2-b3b0681f0ada444caa19600eefbbcf07_r.jpg"></p>
<h2 id="第八章扩展能力">第八章：扩展能力</h2>
<p><img src="https://pic3.zhimg.com/v2-5b4a5660ad1b94c23cafe5be0c3af7ca_r.jpg"></p>
<blockquote>
<p>这份笔记免费开源分享，有需要的朋友直接【一键三连】，然后点击【此处】进入群共享资源自取，或者直接通过下方代码块找我领取。**</p>
</blockquote>
<pre><code>// Wechat number（可复制）：
study5233
</code></pre>
<h2 id="文末">文末</h2>
<p>如果这份笔记对你有帮助，请务必<strong>点赞+收藏</strong>这篇文章，把他分享给更多的小伙伴，一起学习进步！</p>
<p>追梦的路上总是艰难，路漫漫其修远兮，吾将上下而求索。即便未必能够如愿抵达，未必能够得偿所愿，但能进一步是一步，每前进一步总有一步的欣喜，也多少会见到一些新的风景。</p>
<p>我不知道读者里有多少这样前路迷茫需要鼓舞的人，希望今天这篇文章能够给你们一点鼓励和力量，勇敢地出发，朝着自己梦想的地方前进。你也可以点赞关注我，与我一起前进。</p>
<p><img src="https://pic1.zhimg.com/v2-914c2202df52d1a4b028527aee38c004_r.jpg"></p><br><br>
来源：https://www.cnblogs.com/chengsisi/p/15354368.html
頁:
[1]