小程序（五）

        小程序中支持使用 npm 安装第三方包，从而提高小程序的开发效率。

1. Vant Weapp

        Vant Weapp 是有赞团队开源的一套小程序 UI 组件库，帮助开发者快速搭建小程序应用。

官方文档地址 https://youzan.github.io/vant-weapp

        

        

        安装完 Vant 组件库之后，可以在 app.json 的 usingComponents 节点中引入需要的组件，即可在 wxml 中 直接使用组件。

                                 

 

2. API Promise化

        默认情况下，小程序官方提供的异步 API 都是基于回调函数实现的。因此容易造成回调地狱的问题，导致代码的可读性、维护性差。

        API Promise化指通过额外的配置，将基于回调函数的异步 API ，升级改造为基于 Promise的异步 API。在小程序中，实现 API Promise 化主要依赖于 miniprogram-api-promise 这个第三方的 npm 包。

3. 全局数据共享 

        全局数据共享（状态管理）是为了解决组件之间数据共享的问题。开发中常用的全局数据共享方案有：Vuex、Redux、Mobx等。

 

        在小程序中，可使用 mobx-miniprogram 配合 mobx-miniprogram-bindings 实现全局数据共享。

• mobx-miniprogram 用来 创建 Store 实例对象
• mobx-miniprogram-bindings 用来 把 Store 中的共享数据或方法 ， 绑定到组件或页面中使用

4. 分包

        分包指把一个完整的小程序项目，按照需求划分为不同的子包，在构建时打包成不同的分包，用户在使用时按需进行加载。

        分包的好处：

• 优化小程序首次启动的下载时间
• 在多团队共同开发时可以更好的解耦协作

        分包后，小程序项目由 1个主包+多个分包 组成：

• 主包：一般只包含项目的启动页面或TabBar页面、以及所有分包都需要用到的一些公共资源
• 分包：只包含和当前分包有关的页面和私有资源

        分包的加载规则：在小程序启动时，默认会下载主包并启动主包内页面。 当用户进入分包内某个页面时，客户端会把对应分包下载下来，下载完成后再进行展示。

        在 app.json 的 subpackages 节点中声明分包的结构。小程序会按 subpackages 的配置进行分包，subpackages 之外的目录将被打包到主包中。