vant 自動按需引入樣式無效問題已完美解決

方式一. 自動按需引入組件

按照vant官網安裝兩個插件

1. 安裝vant組件庫
2. 安裝babel-plugin-import 插件

$npm i vant@latest-v2 -S 
$npm i babel-plugin-import -D

3. 在組件中引入按需引入組件

import { Button } from 'vant';

4. 在頁面中這樣使用

<van-button type="primary">主要按鈕</van-button>

此時發現樣式無效

解決辦法：在組件中的components 添加以下代碼

  components: {
    [Button.name]: Button,
  }