小程序为什么要构建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 存在配置

1、小程序不是运行在浏览器中，所以没有DOM和BOM对象

2、小程序的JS有一些额外的成员

App方法 用于定义应念告用程序实例对象

Page方法 用于定义页面对象

getApp方法 用于获取全局应用程老颂序对象

getCurrentPages方法 用来获取当前页面的调用栈（数组 最后一个就是当前页

wx对象 用来提供核心api的 官方侍高郑链接： https://developers.weixin.qq.com/miniprogram/dev/api/

3、小程序JS是支持CommonJS规范的

eg:

./utils/foo.js文件

function say(msg){

    console.log("hello"+msg)

}

module.exports = {

    say:say

}

app.js文件

const foo = require("./utils/foo.js")

foo.say("hi")

---