对于单文件组件,一般是公共组件,我们可以封装好该组件,然后借助工具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"