gs-rollup-plugin-vue-dts

替代官方 Vue 类型生成的 Rollup 插件，用于生成简洁、可读且对编辑器友好的 TypeScript 声明文件。 通过在生成阶段重建 .d.ts 结构，避免官方输出中的复杂嵌套与冗余，从而提升类型提示、跳转与补全体验。

English

使用

安装

yarn add -D gs-rollup-plugin-vue-dts

使用

将插件添加到你的 Rollup 配置中：

// rollup.config.ts
import vueDts from 'gs-rollup-plugin-vue-dts'

export default {
	input: './src/index.ts',
	output: {
		file: 'dist/index.d.ts',
		format: 'es',
	},
	plugins: [vueDts()]
}

建议配置

建议配合安装：

yarn add -D @rollup/plugin-node-resolve @vitejs/plugin-vue rollup-plugin-esbuild

后的建议配置：

// rollup.config.ts
import {nodeResolve as resolve} from "@rollup/plugin-node-resolve";
import {vueDts} from "../../src";
import vue from '@vitejs/plugin-vue'
import esbuild from "rollup-plugin-esbuild";

const input = './src/index.ts'

const output = (ext: string) => ({
	file: `dist/index.${ext}`,
	format: 'es',
})

export default [
	{
		input,
		output: output('d.ts'),
		plugins: [
			vueDts()
		]
	},
	{
		input,
		output: output('js'),
		plugins: [
			resolve(),
			vue({
				include: /\.vue$/,
				target: 'browser',
				preprocessStyles: false
			}),
			esbuild({target: 'esnext'})
		]
	}
]