使用第三方組件庫（以vant weapp為例）

1、初始化
輸入命令npm init，以下的東西都可以默認(rèn)（即回車即可）。
在微信小程序開發(fā)工具中會多一個文件package.json，在這里面就可以進(jìn)行包的配置。

image.png

2、安裝第三方組件（vant組件庫）
在終端輸入命令npm i vant-weapp -S --production

image.png

3、在小程序開發(fā)工具中選擇左上欄的“工具”->“構(gòu)建npm”

image.png

image.png

這個時(shí)候可以在項(xiàng)目文件夾中看見一個新生成的文件夾miniprogram_npm，其中就有我們剛剛安裝好的vant組件庫

image.png

4、小程序開發(fā)工具中，點(diǎn)擊右上角的“詳情”，將“使用npm模塊”勾選上

image.png

5、在需要使用該組件庫的組件中的json文件中，添加需要使用的組件中的內(nèi)容（以button為例）

image.png

6、在wxml文件中調(diào)用組件庫

image.png

image.png

以上就是在微信小程序中引用第三方組件庫的過程