TypeScript 文件夹中多个 TS 文件的 Interface 统一导出方法
在 TypeScript 项目中,一个文件夹可能包含多个 TS 文件,每个文件分别声明了多个 interface。当需要新增 interface 定义时,如果每个文件都需要修改 export 导出语句内容,就会变得非常麻烦。为了解决这个问题,可以使用一个 'index.ts' 文件来统一导出所有的 interface,这样新增 interface 时只需要在对应的文件中定义即可,无需修改导出语句。
例如,假设有以下三个文件:
// file1.ts
export interface Interface1 {
prop1: string;
}
// file2.ts
export interface Interface2 {
prop2: number;
}
// file3.ts
export interface Interface3 {
prop3: boolean;
}
可以新建一个 'index.ts' 文件来统一导出这些 interface:
export * from './file1';
export * from './file2';
export * from './file3';
这样,其他文件只需要导入 'index.ts' 文件即可使用所有的 interface:
import { Interface1, Interface2, Interface3 } from './interfaces';
const obj1: Interface1 = { prop1: 'hello' };
const obj2: Interface2 = { prop2: 123 };
const obj3: Interface3 = { prop3: true };
通过这种方式,可以方便地管理多个 TS 文件中的 interface,提高代码的维护效率。
原文地址: https://www.cveoy.top/t/topic/oZuk 著作权归作者所有。请勿转载和采集!