vant使用

1 npm init -y

2 npm i @vant/weapp -S --production

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

4 设置小程序project.config.json , 把

"setting": {    ...    "packNpmManually": true,  
"packNpmRelationList": [      {       
 "packageJsonPath": "package.json",      //设置从project.config.json到package.json的路径
 "miniprogramNpmDistDir": "./miniprogram/"  //    设置从project.config.json到miniprogram-7(8或9...)的路径
}    ]  

5 工具 构建npm

6 引用组件
// 通过 npm 安装

// app.json
"usingComponents": {
  "van-button": "@vant/weapp/button/index"
}