Vue3 Vite 项目中使用 vite-plugin-dts 为 .vue 文件生成声明文件

在使用 vite-plugin-dts 打包 Vue3 Vite 项目时，你可能会遇到一个问题：即使项目中有 xxx.vue 文件，vite-plugin-dts 却没有为该文件生成一个对应的 xxx.vue.d.ts 内容。

这是因为 vite-plugin-dts 默认情况下只会为 TypeScript 文件生成声明文件（.d.ts），而对于 .vue 文件并不会生成对应的声明文件。

如果你想为 .vue 文件生成声明文件，可以尝试使用 vuedts 替代 vite-plugin-dts。vuedts 是一个专门用于为 Vue 单文件组件生成声明文件的工具。

下面是使用 vuedts 的步骤：

1. 安装 vuedts：

npm install vuedts --save-dev

2. 在 vite.config.js 中配置 vuedts：

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import vuedts from 'vuedts'

export default defineConfig({
  plugins: [
    vue(),
    vuedts({
      include: './src/**/*.vue'
    })
  ]
})

以上配置会让 vuedts 处理所有的 src 目录下的 .vue 文件，并生成对应的声明文件。

3. 运行 Vite 打包：

npm run build

此时，vuedts 将会为每个 .vue 文件生成一个对应的 .d.ts 声明文件。

希望这些信息能够帮助到你！