Vite3 用 vite-plugin-dts 打包生成类型声明文件(.d.ts)指南

vite-plugin-dts 是一个用于生成 TypeScript 类型声明文件的 Vite 插件，它会根据你的源代码文件生成对应的类型声明文件。

生成的类型声明文件的命名规则如下：

• 对于单文件组件（.vue 文件），会生成一个与组件文件同名的 '.vue.d.ts' 文件，用于声明组件的类型。
• 对于普通的 TypeScript 源代码文件，会生成一个与文件同名的 '.d.ts' 文件，用于声明该文件中导出的类型。

因此，如果你的项目中有 'xxx.vue' 文件，vite-plugin-dts 会为该文件生成一个对应的 'xxx.vue.d.ts' 文件用于声明组件的类型。而对于其他的源代码文件，它会生成一个 'index.d.ts' 文件，用于声明该文件中导出的类型。

需要注意的是，vite-plugin-dts 默认只处理位于 'src' 目录下的文件，如果你的 'xxx.vue' 文件不在该目录下，可能不会生成对应的类型声明文件。你可以通过配置 'vite.config.js' 文件来指定要处理的文件或目录。

示例配置：

// vite.config.js
import { defineConfig } from 'vite';

export default defineConfig({
  plugins: [
    // ...
    dts({
      include: 'src/**/*.{vue,ts,tsx}',
    }),
  ],
});

这样配置后，vite-plugin-dts 将会处理 'src' 目录下的所有 '.vue'、'.ts' 和 '.tsx' 文件，并生成对应的类型声明文件。

希望以上解答对你有帮助！