怎么配置unplugin-auto-import/vite可以自动导入组件
时间: 2024-05-12 10:17:33 浏览: 320
vite-plugin-components:V自动导入Vite的按需组件
5星 · 资源好评率100%
很简单,你只需要在 Vite 的配置文件中引入 unplugin-auto-import 插件,并配置需要自动导入的组件即可。下面是一个示例配置:
```
import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
import AutoImport from 'unplugin-auto-import/vite';
export default defineConfig({
plugins: [
vue(),
AutoImport({
imports: [
'vue',
{
'@ant-design/icons-vue': ['createFromIconfontCN'],
'vant': ['Button', 'Cell', 'Row'],
'element-plus': ['ElButton', 'ElInput', 'ElDialog'],
},
],
}),
],
});
```
这里我们引入了 Vue、Ant Design Icons Vue、Vant UI 和 Element Plus 这几个库,并指定了需要自动导入的组件。如果你还需要自动导入其它库或组件,只需要在 imports 数组中增加对应的配置即可。
阅读全文