d.ts파일

코딩애플강의를 보고 정리했습니다.

d.ts파일

• 타입만 저장할 수 있는 파일형식이다.
• 자바스크립트로 컴파일되지 않는다.
• 타입정의만 따로 저장해놓고 import해서 사용한다.
• 프로젝트에서 사용하는 타입을 쭉 정리해놓을 레퍼런스용으로 사용한다.

타입만 따로 d.ts파일에 작성

1. .d.ts파일을 작성하고 타입명시
2. 정의해둔 타입들 export 해서 사용한다.(d.ts파일은 ts파일이 아님 그렇기 때문에 글로벌타입 명시가 안된다.)
   

• 파일명.d.ts라고 작성하고 다음과 같이 타입들을 명시해주면된다.
• 참고로 함수의 경우에 파라미터,return 타입만 지정 가능하다.

export type Age = number;
export type multiply = (x: number, y: number) => number;
export interface Person {
  name: string;
}

d.ts 파일을 레퍼런스용으로 사용하기

ts파일마다 d.ts파일을 자동생성하면 된다.

// (tsconfig.json)

{
    "compilerOptions": {
        "target": "es5",
        "module": "es6",
        "declaration": true,
    }
}

tsconfig에다가 declaration 옵션을 true로 바꿔주면 된다.
그럼 저장시 자동으로 ts파일마다 d.ts 파일이 옆에 생성된다.