1.

了解小程序有最大代码量限制之前需要先了解微信小程序的本质：前端近几年都处于技术爆炸时期，react最早的是facebook开源的开发框架----react，支持移动网页和原生app的开发（reactnative），提倡一次学习，全渠道开发。目的是让产品研发更聚焦更敏捷，它有三个重要特性：

数据绑定：数据驱动交互模块化：可复用的轮子多终端渲染：适配多客户端，用前端技术就能实现原生appReact专注于使用JavascriptES6React使用JSX，JSX意味着React中的所有内容都是Javascript--用于JSX模板和逻辑。React和Vue是很灵活的，他们的库可以和各种包搭配React经常与Redux在一起使用。Redux以三个基本原则来自述：单一数据源（Singlesourceoftruth）State是只读的（Stateisread-only）使用纯函数执行修改（Changesaremadewithpurefunctions）换句话说：整个应用程序的状态存储在单个store的状态树中。这有助于调试应用程序，一些功能更容易实现。状态是只读的，只能通过action来改变，以避免竞争条件（这也有助于调试）。编写Reducer来指定如何通过action来转换state。React是前端组件化框架，React只有V——你需要自己解决M和C。（模型-视图-控制器模式（MVC）将项目分为三个部分：模型，视图和控制器。）React本身就是组件化的。2.

vuevue是开发者创造的js框架，它也是一个能高效开发原生app的开发框架，与react的区别不大：

都支持数据绑定都指出模块化多终端渲染Vue使用JavascriptES5或ES6Vue通过单文件组件，扩展方法的方式实现组件化Vue可以使用Redux，但它提供了Vuex作为自己的解决方案。Vue支持单向绑定和双向绑定（默认为单向绑定）。Vue是一个mvvm的框架Vue使用模板3.

除了诞生react，Vue等javascript框架，还产生了webpack自动化打包发布，nodejs后端框架，大家都本着让开发效率再高一点，再优雅一点的思路，逐渐走到当下，全部这些创新，彻底释放出移动端端生产力。

4.

小程序的特性weapp就是微信小程序，从开发的角度看，它和React和Vue差不多，很容易上手，敏捷开发，但是从更系统的角度看，小城的独立特性就很明显：

跨平台：跨越安卓和IOS平台，降低开发成本更完善：有自己独立并保持快速迭代的开发工具，写代码，调试，发布更封闭：更小：代码打包后，要求不能大于2M轻应用：小而美，用完就走，无需下载注册，不占内存5.

官网上关于微信小程序的建议：

6.

最近公司开发的小程序控制了代码量之后还是超过了2M，解决办法是：使用分包加载。大部分小程序都会有几个功能组成，通常独立，但是会有公共的逻辑，并且这些功能通常会对应几个独立的页面，那么小程序代码的打包，大可不必打成一个，可以按照功能的划分，拆分成几个分包，当需要用到某个功能时，才加载这个功能对应的分包。

7.

对于用户来说，小程序的加载流程变成了：1，首次启动，加载小程序主包，显示主包内的页面2，如果用户进入了某个分包的页面，再加载这个对应分包，显示分包的页面

8.

采用分包加载，对于开发者而言，能使小程序有更大的代码体积，承载更多的功能和服务，对于用户而言，可以更快的打开小程序，同时再不影响启动速度的前提下使用更多功能。

9.

分包的划分

10.

在配置前首先需要开发者规划下各个分包需要容纳的内容，建议开发者按照功能划分的原则，将同一个功能下的页面和逻辑放置于同一个目录下，对于一些跨功能之间的公共逻辑，将其放置于主包下，这样可以确保在分包引用这部分功能时，这部分的逻辑一定存在。

11.

在分包划分时，应该注意以下事项：

1，避免分包与分包之间引用上的耦合。因为分包的加载是用户操作触发的，并不能确保其分包加载时，另一个分包就一定存在，这个时候可能导致js逻辑异常，某些资源找不到的错误；2，一些公共用到的自定义组件，需要放在主包内；3，使用小程序自带的tab切换时，list中的页面需要放在主包内。12.

分包的配置

13.

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

{'pages':['pages/welcome','pages/movie','pages/tvPlay'//'pages/detail'],'subPackages':[{'root':'packageA','pages':['pages/detail']}]}14.

分包加载的低版本兼容问题微信6.6.0版本开始支持分包加载，而对于低版本的客户端，编译后台会将所有的分包打包成一个整包，老版本的客户端依然按照整包的方式进行加载。所以还是建议开发者尽量控制代码包的大小。

15.

目前小程序分包大小的限制整个小程序所有分包大小不超过8M单个分包/主包大小不能超过2M

16.

参考网址：https://blog.csdn.net/acmdown/article/details/80037660官方网址：https://developers.weixin.qq.com/miniprogram/dev/framework/subpackages/basic.html?search-keysubPackages膜拜大佬～～

17.

收到微信开发大佬的提醒，微信整个小程序所有分包大小调整为不超过8M！！！