unplugin-antd-resolver/README.md

unplugin-antd-resolver 用于在 unplugin-auto-import 中实现 antd 组件的按需引入。

# unplugin-antd-resolver

`unplugin-antd-resolver` 用于在 unplugin-auto-import 中实现 antd 组件的按需引入。。

> 仅支持 antd v5+.

## 安装

### npm

```bash
npm i -D unplugin-antd-resolver unplugin-auto-import
```

### yarn

```bash
yarn add -D unplugin-antd-resolver unplugin-auto-import
```

### pnpm

```bash
pnpm add -D unplugin-antd-resolver unplugin-auto-import
```

## 使用

### Vite

```ts
// vite.config.ts
import AutoImport from "unplugin-auto-import/vite";
import AntdResolver from "unplugin-antd-resolver";

export default defineConfig({
  plugins: [
    AutoImport({
      resolvers: [AntdResolver()],
    }),
  ],
});
```

### 自定义前缀

```ts
// vite.config.ts
import AutoImport from "unplugin-auto-import/vite";
import AntdResolver from "unplugin-antd-resolver";

export default defineConfig({
  plugins: [
    AutoImport({
      resolvers: [
        AntdResolver({
          prefix: "Xt",
        }),
      ],
    }),
  ],
});
```

使用自定义前缀，如 `Xt`, 组件的使用方式由原本的 `Button` 变为 `XtButton`。

等价于 `import { Button as AButton } from 'antd'`