近期在開發h5端項目，用到vant框架，vant是一款基於Vue的移動UI組件，看了vant的官方文檔（https://youzan.github.io/vant/#/zh-CN/）感覺不錯，功能比較齊全，可視化頁面效果也不錯，接下來與大家分享一下vant引入流程。
1、在項目里面安裝 vant：npm install vant -S 也可簡寫為：npm i vant -S （接下來 install 將簡寫為 i ）
安裝完成之后就可以在 package.json 的依賴關系（dependencies）中看到 vant 及版本
2、接下來安裝 babel-plugin-import ，這是一款babel插件，這樣就可以按需引入功能了。
npm i babel-plugin-import -D
3、然后要在 .babelrc.js 中配置 plugins（插件）
cli3的配置如下：
4、然后按需引入 vant 組件，例如在 index.vue 中使用 Button 組件，就可以直接在 index.vue 中引入
5、如果多個頁面組要用到同一個組件（Button），可以再 main.js 中引入
好了，大家可以試試效果怎么樣哦！有疑問可以留言或評價，看到消息后我會及時回復的，希望可以幫到大家，謝謝！