Vue3：如何自动生成单文件组件（SFC）的TS类型声明？

对于单文件组件，一般是公共组件，我们可以封装好该组件，然后借助工具vue-tsc来自动生成SFC的TS类型声明，可以通过auto-import-components自动按需引入。这样在业务场景里使用到该公共组件的时候有着良好的属性的类型提示，以及类型检查。
可以在package.json里设定vue-tsc命令行，生成指定文件或者文件夹的类型声明。

单个文件
scripts: {
 "build:dts": "vue-tsc src/components/table/src/Table.vue  --declaration --emitDeclarationOnly"
}
文件夹

对应的文件夹下面需要一个单独的tsconfig.json文件配置

"build:dts": "vue-tsc src/components/table  --declaration --emitDeclarationOnly"
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
禁止转载，如需转载请通过简信或评论联系作者。

推荐阅读更多精彩内容