怎么配置unplugin-auto-import/vite可以自动导入components文件夹下的自定义组件

可以在vite.config.js里面添加以下配置：

import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
import path from 'path';
import AutoImport from 'unplugin-auto-import/vite';

export default defineConfig({
  plugins: [
    vue(),
    AutoImport({
      imports: ['vue'],
      dts: true,
      include: [
        /\.[tj]sx?$/,
        /\.vue$/,
      ],
      resolvers: [
        {
          alias(id) {
            if (id.startsWith('@/')) {
              return path.resolve(__dirname, `src/${id.slice(2)}`);
            } else if (id.startsWith('@@/')) {
              return path.resolve(__dirname, `types/${id.slice(3)}`);
            } else if (id.startsWith('#/')) {
              return path.resolve(__dirname, `src/components/${id.slice(2)}`);
            }
          },
        },
      ],
    }),
  ],
});

然后你可以在src/components文件夹下创建自定义组件并在其他文件中直接使用，不需要手动导入。