Share Type Declarations Between Modules

TS 모듈에서 export한 type declaration(type, interface)은 다른 모듈에서 import하여 사용할 수 있습니다.

tsc에 의해서 원본 .ts 파일을 컴파일하여 만들어진 .js 파일에는 기존의 type declaration의 import/export한 부분은 모두 없어집니다.

// b.ts
export interface PersonInterface {
  fname: string;
  lname: string;
  fullName(): string;
}

export class Person implements PersonInterface {
  constructor(public fname: string, public lname: string) {}
  fullName(): string {
    return `${this.fname} ${this.lname}`;
  }
}

// a.ts
import { Person, PersonInterface } from "./b";
const p: PersonInterface = new Person("Ross", "Geller");

// b.js
export class Person {
  constructor(fname, lname) {
    this.fname = fname;
    this.lname = lname;
  }
  fullName() {
    return `${this.fname} ${this.lname}`;
  }
}

// a.js
import { Person } from "./b";
const p = new Person("Ross", "Geller");

TIP

tsconfig.json의 필드 지정으로 import문 없이 외부에서 export된 type을 사용할 수도 있습니다.

Share Type Declarations Between Modules #

Share Type Declarations Between Modules