以为挺简单结果折腾了半个小时,第一次接触Uniapp也不是很熟悉工程结构,不过好在是导入成功了。
需要先按照Vant Weapp官方文档依次进行:youzan.github.io/vant-weapp/…
第一步 npm安装
虽然是npm安装,但请确保你的工程里有package.json文件,没有的话需要在项目终端里执行
npm init
然后一直回车,package.json就出来了。
然后执行
npm i @vant/weapp -S --production
第二步 修改 app.json
这里很简单就不提了
第三步 修改 project.config.json
只需要注意下面一句话
注意: 由于目前新版开发者工具创建的小程序目录文件结构问题,npm构建的文件目录为miniprogram_npm,
并且开发工具会默认在当前目录下创建miniprogram_npm的文件名,所以新版本的miniprogramNpmDistDir配置为'./'即可
由于我是在2022.11.7使用的,这时候的开发端已经很新了,添加的配置应该为:
"setting": {
"packNpmManually": true,
"packNpmRelationList": [
{
"packageJsonPath": "./package.json",
"miniprogramNpmDistDir": "./"
}
]
}
最后构建NPM即可使用