背景
模块化已经是现代 Web 开发必不可少的开发方式，频繁引入依赖包是一个常见的操作。但是，手动引入依赖包往往繁琐，尤其是当依赖包数量较多时，会显著降低开发效率。vue3日常项目中定义变量需要引入ref,reactive等等比较麻烦，可以通过unplugin-auto-import给我们自动引入。
使用方法
- 安装 npm i -D unplugin-auto-import -f
- 在vite.config.ts中引入 import AutoImport from 'unplugin-auto-import/vite'
- 在plugins中配置
auto-imports.d.ts 文件是一个类型定义文件，用于TypeScript项目中。这个文件通常是由一些现代前端开发工具和框架自动生成的，比如Vite、Vue CLI或其他支持自动导入功能的工具。它的主要目的是提供一个类型声明环境，使得在你的项目中自动导入的变量、函数、组件等能够被TypeScript正确识别，从而提供类型检查和智能提示。
- dts：true 或者为 'src/components.d.ts'时，则会自动生成components.d.ts文件
- components.d.ts**：**.d.ts为全局声明文件，包含了按需导入的组件的声明。
自动导入识别：当你使用了如Vue或React等框架的某些特性时（比如Vue的Composition API、React的Hooks等），这些特性可能会自动导入到你的项目中。auto-imports.d.ts 文件帮助TypeScript理解这些自动导入的元素，即使你在代码中没有显式导入它们。
这个文件通常不需要手动修改。它由工具自动生成，并根据项目的使用情况进行更新。
如果你在使用相关的框架或工具，而且启用了TypeScript，这个文件是自动管理的，你通常不需要关心它的具体内容。
unplugin-auto-import原理
unplugin-auto-import 的核心原理是通过解析源码，识别未导入却被使用的标识符，并根据预设的规则自动生成相应的导入语句。 具体而言，插件会在构建过程中扫描代码，检测到使用但未导入的函数或变量时，依据配置自动添加相应的 import 语句，从而免去手动导入的繁琐步骤。
