先通过npm包安装
通过 npm 安装
npm i @vant/weapp -S --production
修改 app.json
将 app.json 中的
"style": "v2"
去除,
在project.config.json中找到 packNpmManually:false; 把他改成true
然后在 packNpmRelationList:[]; 中添加
{
"packageJsonPath": "./package.json",
"miniprogramNpmDistDir": "./"
}
构建 npm
在微信开发者工具左上角找到『工具』→ 『构建npm』,然后在微信开发者工具右上角找到『详情』→ 『使用npm模块』勾选选项
这样就算成功了
安装完之后看一下是不是 miniprogram_npm 和 node_modules 是不是都有@vant、
然后再app.json中配置:
"usingComponents": {
"van-button": "/miniprogram_npm/@vant/weapp/button/index"
}
全部弄好了就可以用了
<van-button type="info">信息按钮</van-button>