本文介绍了如何在微信小程序开发中使用 npm 中包功能大大提高了微信小程序的开发效率，也更新了微信小程序系列教程的视频版本。

  微信小程序发布之初没有对 npm 支持功能，目前很多前端开发人员都很熟悉 npm 生态环境后，微信小程序受到批评。

  2微信小程序.2.1 版本增加了对 npm 包装加载支持使用 npm 安装第三方包。

  微信小程序的功能更新最近也非常强大，比如微信小程序开发平台的新功能「云开发」快速启动体验。

  关于 的微信小程序npm 包的加载在这里使用官方文件。在这个实战部分，我们加载了一个 npm 第三方库miniprogram-datepicker，这类库用于实现公历和农历的日期选择功能，而微信小程序的官方组件只能简单地选择公历时间。

  在终端中定位到微信小程序的项目文件夹，通过 npm 安装命令。

  请务必在这里使用 --production 选项可以减少安装一些与业务无关的 npm 包，从而减少整个小程序包的大小。

  微信小程序开发工具「工具」菜单下点击「构建 npm」命令，进行 npm 包的结构可以是 npm 包构成在小程序中可加载的包。

  为了帮助您更好地理解发布 npm 包里提到的各种要求，这里简单介绍一下原理:

  首先 node_modules 目录不会参与编译、上传和包装，所以小程序想要使用 npm 包必须走一遍建 npm在最外层的过程node_modules 的同级目录下会生成一个 miniprogram_npm 目录将包装后会存放 npm 包，也就是真正用于小程序的 npm 包。建筑包装分为两种:小程序 npm 包将直接将构建文件生成目录下的所有文件复制到 miniprogram_npm 中；其他 npm 包从入口 js 文件开始依赖分析和包装过程(类似 webpack）。寻找 npm 包装过程和 npm 的实现类似，从依赖 npm 包文件的目录开始逐层找到，直到找到可用的 npm 包或小程序根目录。

  建设完成后，需要确认项目已经检查。「使用 npm 模块」。

  在我们之前的实战项目中，在主页上测试这个 npm 模块加载。

  在页面在页面中datepicker 保存并完成项目编译后，单击按钮查看组件的加载情况。