doc: vite-plugin-components has been renamed to unplugin-vue-components (#5043)

This commit is contained in:
liweijie0812 2021-12-17 17:04:15 +08:00 committed by GitHub
parent 46b216274f
commit 79ea8918e5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 16 additions and 10 deletions

View File

@ -105,7 +105,7 @@ And this plugin can load styles too, read [usage](https://github.com/ant-design/
> FYI, babel-plugin-import's `style` option will importing some global reset styles, don't use it if you don't need those styles. You can import styles manually via `import 'ant-design-vue/dist/antd.css'` and override the global reset styles.
If you use Vite, you can use [vite-plugin-components](https://github.com/antfu/vite-plugin-components) to load on demand.
If you use Vite, you can use [unplugin-vue-components](https://github.com/antfu/unplugin-vue-components) to load on demand.
## Customization

View File

@ -105,7 +105,7 @@ import { Button } from 'ant-design-vue';
> 注意babel-plugin-import 的 `style` 属性除了引入对应组件的样式,也会引入一些必要的全局样式。如果你不需要它们,建议不要使用此属性。你可以 `import 'ant-design-vue/dist/antd.css` 手动引入,并覆盖全局样式。
如果你使用的 Vite你可以使用 [vite-plugin-components](https://github.com/antfu/vite-plugin-components) 来进行按需加载
如果你使用的 Vite你可以使用 [unplugin-vue-components](https://github.com/antfu/unplugin-vue-components) 来进行按需加载
## 配置主题和字体

View File

@ -115,13 +115,16 @@ import 'ant-design-vue/dist/antd.css'; // or 'ant-design-vue/dist/antd.less'
```js
// vite.config.js
import ViteComponents, { AntDesignVueResolver } from 'vite-plugin-components';
import Components from 'unplugin-vue-components/vite'
import { AntDesignVueResolver } from 'unplugin-vue-components/resolvers'
export default {
plugins: [
/* ... */
ViteComponents({
customComponentResolvers: [AntDesignVueResolver()],
Components({
resolvers: [
AntDesignVueResolver(),
],
}),
],
};

View File

@ -117,13 +117,16 @@ import 'ant-design-vue/dist/antd.css'; // or 'ant-design-vue/dist/antd.less'
```js
// vite.config.js
import ViteComponents, { AntDesignVueResolver } from 'vite-plugin-components';
import Components from 'unplugin-vue-components/vite'
import { AntDesignVueResolver } from 'unplugin-vue-components/resolvers'
export default {
plugins: [
/* ... */
ViteComponents({
customComponentResolvers: [AntDesignVueResolver()],
Components({
resolvers: [
AntDesignVueResolver(),
],
}),
],
};