1.创建一个原生小程序项目
2. npm i @vant/weapp -S --production
3. 修改 app.json
将 app.json 中的 "style": "v2"
去除,
4.修改 project.config.json
"setting": {
...
"packNpmManually": true,
"packNpmRelationList": [
{
"packageJsonPath": "./package.json",
"miniprogramNpmDistDir": "/"
}
]
}
5. 前提 根目录没有 package.json 这个文件 使用
npm init --------------- 一直回车 到项目根目录待输入指令状态
6.构建 npm 包
注意 : 根目录 miniprogram_npm 文件生成才算npm 成功------
失败注意看 :"miniprogramNpmDistDir": "/"
7.app.json 引入
{
....
"usingComponents": {
"van-button": "@vant/weapp/button/index"
}
}
8. pages目录下面 需要使用.wxml 文件 中使用
<van-button type="primary">按钮</van-button>
9. 最终效果图