小程序为什么要构建npm？

开发小程序，使用npm导入外部库的注意事项

因为云函数运行时本身就是node环境，所以无需构建，而UI组件需要在小程序中用起来就需要，具体原因看下面问题

在引用外部UI组件时，使用该命令导入组件后，会生成一个node_modules的文件夹

npm i 组件名称 -S --production

原理介绍：

构建之后的结构：

以下为官方提供的 js 模块，可以参考并使用：

请查阅 开发第三方自定义组件 文档。

从 1.03.2006302 (或 1.03.2006302) 开始，我们提供了两种构建 npm 的方式：

默认情况下，在 miniprogramRoot 内正确配置了 package.json 并执行 npm install 之后，其构建 npm 的结果是，为每一个 package.json 对应的 node_modules 构建一份 miniprogram_npm，并放置在对应 package.json 所在目录的子目录中。参考 demo

与 “默认的构建 npm 方式” 不一样，此种方式需要开发者在 project.config.json 中指定 node_modules 的位置 和目标 miniprogram_npm 的位置。参考 demo

其中 packNpmRelationList 的格式为

其中 project.config.json 存在配置

不算。小程序的JavaScript运行环境即不是Browser也不算Node.js。它运行在微信App的上下文中，不能 *** 作DOM，没有window，document，也不能通过Node.js相关接口访问 *** 作系统API。

---