一、官方文档

https://developers.weixin.qq.com/miniprogram/dev/devtools/npm.html

npm 支持

从小程序基础库版本 2.2.1 或以上、及开发者工具 1.02.1808300 或以上开始，小程序支持使用 npm 安装第三方包。

此文档要求开发者们对 npm 有一定的了解，因此不会再去介绍 npm 的基本功能。如若之前未接触过 npm，请翻阅官方 npm 文档进行学习。

tips：在小程序中使用npm包前，需先构建 npm

使用 npm 包

1. 安装 npm 包

在小程序 package.json 所在的目录中执行命令安装 npm 包：

npm install

此处要求参与构建 npm 的 package.json 需要在 project.config.js 定义的 miniprogramRoot 之内。

tips：开发者工具 v1.02.1811150 版本开始，调整为根据 package.json 的 dependencies 字段构建，所以声明在 devDependencies 里的包也可以在开发过程中被安装使用而不会参与到构建中。如果是这之前的版本，则建议使用--production选项，可以减少安装一些业务无关的 npm 包，从而减少整个小程序包的大小。

tips: miniprogramRoot 字段不存在时，miniprogramRoot 就是 project.config.js 所在的目录

2. 构建 npm

点击开发者工具中的菜单栏：工具 --> 构建 npm
construction

为何要有此步骤?

3. 勾选“使用 npm 模块”选项：

4. 构建完成后即可使用 npm 包。

js 中引入 npm 包：

const myPackage = require('packageName')
const packageOther = require('packageName/other')

使用 npm 包中的自定义组件：

{
  "usingComponents": {
    "myPackage": "packageName",
    "package-other": "packageName/other"
  }
}

tips：此处使用 npm 包时如果只引入包名，则默认寻找包名下的 index.js 文件或者 index 组件。

二、没有找到可以构建的NPM包解决方案

https://www.cnblogs.com/lml-lml/p/11346680.html

1.进入小程序根目录，打开cmd，输入：npm init

输入命令后一直点回车

2.输入命令：npm i miniprogram-sm-crypto --production

执行命令完之后，然后再去微信开发者中点工具-构建npm，然后就成功了，如下图：

分类: 微信小程序

微信小程序构建npm