Skip to content
On this page

多 UI 组件库供选择

Vite 构建工具,使用 vite-plugin-style-import 和 unplugin-vue-components/vite 实现按需引入。

安装插件

bash
yarn add vite-plugin-style-import -D
yarn add unplugin-vue-components/vite -D

使用组件库

build/vite/plugins/component.ts

javascript
import { ElementPlusResolver, VueUseComponentsResolver, AntDesignVueResolver,TDesignResolver,NaiveUiResolver } from 'unplugin-vue-components/resolvers';
...
resolvers: [
  ElementPlusResolver(),
  VueUseComponentsResolver(),
  AntDesignVueResolver(),
  TDesignResolver(),
  NaiveUiResolver()
]
...

不需要某个组件库

  1. 删除不需要的组件
  2. remove 不想要的组件的包依赖
  3. 删除build/vite/plugin/component下对应的resolvers

参考文档

Released under the MIT License.