autoImport 怎么用

`autoImport` 是一种前端构建工具插件，比如在 Vite 或 Vue3 中使用 unplugin-auto-import 进行自动导入管理，它简化了在代码中频繁引入依赖的过程。下面是基本的使用步骤：

1. **安装插件**：首先需要在项目中安装 `unplugin-auto-import`，通过npm或yarn命令进行：

   npm install unplugin-auto-import @vue/cli-plugin-unplugin-auto-import --save-dev
   # 或者
   yarn add unplugin-auto-import @vue/cli-plugin-unplugin-auto-import --dev

2. **配置 vite.config.js 或 vue.config.js**：在构建脚本中启用并配置插件，例如在 Vite 中：

   import { defineConfig } from 'vite';
   import autoImport from 'unplugin-auto-import/vite';

   export default defineConfig({
     plugins: [autoImport({
       // ...其他配置项...
     })],
   });

或者在Vue CLI中：

   module.exports = {
     pluginOptions: {
       'unplugin-auto-import': {
         // ...其他配置项...
       },
     },
   };

3. **配置导入规则**：指定需要自动导入的库、文件夹、甚至自定义类型声明文件 (`dts` 配置)：

   // imports: 包含需要自动导入的库名
   autoImport({
     imports: ['vue', 'vue-router'],
     // dts: 自动类型声明文件路径
     dts: './src/types/auto-imports.d.ts',
     // dirs: 指定要搜索的特定目录
     dirs: ['./src/components', './src/services'],
   }),

4. **重启服务**：完成配置后，需要重启你的开发服务器以便生效。

通过这种方式，`autoImport`会在项目中检测到的指定位置自动插入导入语句，让你的代码更加整洁，同时还能提供类型安全的支持。