关于微信小程序如何使用Vant组件
前言
一、微信小程序自动查找
Vant官网说的其实也挺清楚的， 第一步：npm i @vant/weapp -S --production 第二步：将 app.json 中的 “style”: “v2” 去除， 第三步：修改 project.config.json
{
...
"setting": {
...
"packNpmManually": true,
"packNpmRelationList": [
{
"packageJsonPath": "./package.json",
"miniprogramNpmDistDir": "./miniprogram/"
}
]
}
}
⑤： ⑥：
⑦：
第五步：引入： 在app.json里属于全局的，会造成压力，可以按需引入，在对应的文件.json的组件注册就可以了
这里以按需引入为例
"usingComponents": {
"van-button": "@vant/weapp/button/index"
}
wxml内使用即可，上面第四步已经说明过，就不多做解释了。
<van-button type="default">默认按钮</van-button> <van-button type="primary">主要按钮</van-button> <van-button type="info">信息按钮</van-button> <van-button type="warning">警告按钮</van-button> <van-button type="danger">危险按钮</van-button>
第二种
注意这里我把@vant文件夹放在根目录下了，用相对路径去找就可以了了 重复上面第四步的的⑥⑦即可
上一篇：
uniapp开发微信小程序-2.页面制作
下一篇：
【微信小程序】vant引入