前端 vant安装记录

1、卸载 vant

npm uninstall vant

2、安装 vant （可能安装最新的vant，vue 版本不支持）

npm i vant@latest-v2

1. 安装插件

npm i babel-plugin-import -D

2. 配置插件
在.babelrc 或 babel.config.js 中添加配置：

{
  "plugins": [
    [
      "import",
      {
        "libraryName": "vant",
        "libraryDirectory": "es",
        "style": true
      }
    ]
  ]
}

3. 引入组件 （在main.js 里面引入组件）
接着你可以在代码中直接引入 Vant 组件，插件会自动将代码转化为按需引入的形式。

// 原始代码
import { Button } from 'vant';

// 编译后代码
import Button from 'vant/es/button';
import 'vant/es/button/style';