小程序中使用 vant-weapp
1、初始化(全部默認，一直按回車就行)：
npm init
2、構建npm模塊：
npm install
根目錄會生成兩個新文件：
3、修改 project.config.json ：
"packNpmManually": true, "packNpmRelationList": [ { "packageJsonPath": "./package.json", "miniprogramNpmDistDir": "./" } ],
注： 官方給的是 ./miniprogram/，實際上會報錯，我們改成 ./ 就行。
4、安裝 vant-weapp：
npm i @vant/weapp -S --production
5、在開發者工具中
(1)、找到頂部的項目 -> 重新打開此項目；
(2)、工具 -> 構建 npm;
即可完成在小程序端的 vant-weapp 安裝。
以上傳圖片為例()：
index.wxml：
<van-uploader file-list="{{ fileList }}" deletable="{{ true }}" />
index.js：
fileList: [ { url: 'https://img.yzcdn.cn/vant/leaf.jpg', name: '圖片1', }, { url: 'http://iph.href.lu/60x60?text=default', name: '圖片2', isImage: true, deletable: true, }, ],
單獨引入(index.wxss)：
"usingComponents": { "van-uploader": "../../miniprogram_npm/@vant/weapp/uploader/index" },
全局引入(app.json)：
"usingComponents": { "van-uploader": "@vant/weapp/uploader/index" }
有一個說法，是app.json 中的 "style": "v2" 不刪除樣式會覆蓋掉，但是我目前沒看到有什么影響。
浙公網安備 33010602011771號