vite vue自动生成d.ts

发布时间:2025-03-06 13:49:33
修改时间:2025-03-06 13:52:36
总阅读数:71
今日阅读数:0
昨日日阅读数:1
字数:877

官方插件地址

https://github.com/qmhc/vite-plugin-dts

具体用法以官方文档为准

使用方式

安装依赖

npm i vite-plugin-dts -D

增加配置

vite.config.ts中增加配置(如果打包的时候指定了另外的配置文件,则在对应的配置文件进行修改)

在plugins中增加dts

export default defineConfig({
    plugins: [
        ...
        dts()
    ],
    ...
})
 

默认生成的d.ts文件路径会与原始的文件结构一致,如果组件打包后是生成单个的文件可以增加配置rollupTypes: true

export default defineConfig({
    plugins: [
        ...
        dts({
            rollupTypes: true
        })
    ],
    ...
})

打包

以实际的项目打包命令为准

npm run build