多 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()
]
...
不需要某个组件库
- 删除不需要的组件
- remove 不想要的组件的包依赖
- 删除
build/vite/plugin/component
下对应的resolvers