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"
最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。
禁止轉載，如需轉載請通過簡信或評論聯系作者。

推薦閱讀更多精彩內容