微信小程序使用npm安装第三方库

我们以安装有赞的 vant库做例子

1. 初始化

在小程序根目录中（miniprogram）执行

npm init

输入一些基本的信息，可以一直回车，按默认就可以，然后会生成一个package.json文件

2. 安装第三方库

有赞文档地址：https://youzan.github.io/vant-weapp/#/intro
执行

npm i vant-weapp -S --production

3.构建npm

回到微信开发者工具中，在工具中点击构建npm

4. 启用npm模块

在详情中，把 使用npm模块勾选上

5. 使用

1. 在index.json中引入组件库

   "usingComponents": {
     "van-button": "vant-weapp/button/index"
   }

2. 在index.wxml使用按钮

   <van-button type="danger">危险按钮</van-button>

注意：如果出现找不到路径，请再次点击 构建npm （步骤3）