npm 支持

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

以 vant-weapp 为例

一、安装第三方npm包

在小程序工程的根目录下打开终端执行安装命令：

npm i vant-weapp -S --production

vant-weapp  安装

二、构建 npm

保证微信开发者工具为最新版本（必需）；

1、在右上角 详情 =》本地设置 中勾选 使用 npm 模块

2、工具栏中构建 npm

构建完成后会给提示

这一步完成之后你会看到跟node_modules同级多了一个文件夹 miniporgram_npm

注：微信开发者工具 将 node_modules 隐藏，在根目录中可查看。

三、引用模块

需要在 app.json 或 index.json 或 其他页面 .json 文件中配置 Button 对应的路径。

app.json 为全局引入，index.json 为局部引入，根据自身需要引入即可。

js 中引入 npm 包：

const myPackage = require( ' packageName ' );

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

四、使用组件

引入组件后，可以在 wxml 中直接使用组件