创建项目
1.cmd到目录执行
1、第一步:npm init
2、第二步:npm install --production
3、第三步: npm i @vant/weapp -S --production
2.在微信开发工具执行npm 构建(构建完会生成一个miniprogram_npm文件夹),并且项目详情 本地设置 设置为使用nmp模块
步骤二 修改 app.json
将 app.json 中的 "style": "v2" 去除,小程序的新版基础组件强行加上了许多样式,难以覆盖,不关闭将造成部分组件样式混乱。
步骤三 修改 project.config.json
开发者工具创建的项目,miniprogramRoot 默认为 miniprogram,package.json 在其外部,npm 构建无法正常工作。
需要手动在 project.config.json 内添加如下配置,使开发者工具可以正确索引到 npm 依赖的位置。
{
...
"setting": {
...
"packNpmManually": true,
"packNpmRelationList": [
{
"packageJsonPath": "./package.json",
"miniprogramNpmDistDir": "./项目名/"
}
]
}
}
文档
https://vant-contrib.gitee.io/vant-weapp/#/home