引入 Vant Weapp 為例:
通過 npm 安裝
1. 在小程序目錄下運行命令行 npm init -y 初始化
npm init -y
2. 安裝 Vant Weapp
npm i vant-weapp -S --production
3. 打開微信開發(fā)者工具牍氛,在右上角 詳情 > 本地設置 勾選使用 npm 模塊
2FCB895F-C4EB-4c1c-B991-11DC1299F407.png
4. 點擊 工具 > 構建 npm把还,構建完成就可以引入使用暮刃。
5. 引入組件并使用
以 Button 組件為例,在app.json中或者單獨頁面對應的json文件中配置路徑鸣个。
"usingComponents": {
"van-button": "vant-weapp/button"
}
在 wxml 中使用組件
<van-button type="primary">Button</van-button>
{DE4ADC48-5E26-4113-89D5-B95C908E353C}_20191015093337.jpg
通過 dist 文件夾引入
1.在git上下載對應文件 https://github.com/youzan/vant-weapp
2. 下載的文件中把 dist 目錄拷貝到小程序目錄下
{908B1214-A968-4E53-8549-62316DEAA144}_20191015094414.jpg
3. 引入方式及使用方法和之前相同,配置的時候路徑需要調(diào)整
"usingComponents": {
"van-button": "/dist/button/index"
}