# Ant Design X Vue Import Resolver
[English](./README.md) | 简体中文
## 自动引入
此文件夹包含 [unplugin-vue-components](https://github.com/unplugin/unplugin-vue-components) 的解析器,用于实现 Ant Design X Vue 按需引入。
### 安装插件
```shell
# npm
npm i unplugin-vue-components -D
# yarn
yarn add unplugin-vue-components -D
# pnpm
pnpm add unplugin-vue-components -D
```
### Vite 使用方法
```js
// vite.config.js
import vue from '@vitejs/plugin-vue'
import components from 'unplugin-vue-components/vite'
import { AntDesignXVueResolver } from 'ant-design-x-vue/resolver';
import { defineConfig } from 'vite'
export default defineConfig({
plugins: [
vue(),
components({
resolvers: [AntDesignXVueResolver()]
})
]
})
```
### Vue CLI 使用方法
```js
// vue.config.js
const Components = require('unplugin-vue-components/webpack')
const { AntDesignXVueResolver } = require('ant-design-x-vue/resolver')
module.exports = {
configureWebpack: {
plugins: [
Components.default({
resolvers: [AntDesignXVueResolver()]
})
]
}
}
```
### 自动引入效果
```html
```