Vite-plugin-dts如何集成到Vite项目中？

Vite-plugin-dts是一个用于在Vite项目中生成TypeScript声明文件（`.d.ts`）的插件，它可以帮助你在JavaScript代码中更好地支持静态类型检查。以下是将Vite-plugin-dts集成到Vite项目中的步骤：

1. **安装插件**:
使用npm或yarn首先安装Vite-plugin-dts：

   npm install vite-plugin-dts --save-dev
   # 或者
   yarn add vite-plugin-dts --dev

2. **配置vite.config.js**:
在项目的`vite.config.js`文件中，添加`vite-plugin-dts`到plugins数组中，例如：

   import { defineConfig } from 'vite';
   import dts from 'vite-plugin-dts';

   export default defineConfig({
     plugins: [
       dts(),
       // 其他Vite插件...
     ],
   });

这里默认配置即可，如果需要自定义选项，可以查看插件文档。

3. **运行Vite**:
配置完成后，启动Vite项目：

   npm run dev
   # 或者
   yarn dev

现在，每次构建时Vite都会自动生成相应的`.d.ts`文件，供你的 TypeScript 工程引用。