微信小程序npm vant为例

1.在小程序根目录或者各个文件目录下（不能在小程序根目录外）新建文件夹 miniprogram_npm

2.打开cmd cd到miniprogram_npm文件夹里，输入npm init，一直回车，最后输入yes 回车

3.在miniprogram_npm里输入命令行 npm i @vant/weapp -S --production，
打开微信开发者工具，点击 工具 -> 构建 npm，并勾选 使用 npm 模块 选项，构建完成后，即可引入组件

4.修改 app.json
将 app.json 中的 "style": "v2" 去除，小程序的新版基础组件强行加上了许多样式，难以去除，不关闭将造成部分组件样式混乱。

tip：如果你使用 typescript 开发小程序，需要在 tsconfig.json 中增加如下配置，防止 npm 构建后 tsc 编译报错

一.首先确认是否安装vant-weapp
如果没有，安装步骤如下：
1.npm init
2.回车到结束
3.npm i vant-weapp -S --production
4.工具->构建npm
5.项目详情->使用npm（如果报错继续执行第4步，构建npm）
二.查看 工具->项目详情->ES6转ES5是否√选
如果没有，点击勾选
三. index.json放组件文件中，同时把路径中的“path/to/”和/dist删除，然后再运行就不会报错