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"
}