importHelpers 컴파일러 플래그란?

TypeScript에서 importHelpers 플래그는 ES2015에서 ES5로 변환시 필요한 헬퍼 함수를 import하여 사용할 때 사용됩니다. 기본적으로 TypeScript는 컴파일러가 필요한 헬퍼 함수를 파일의 맨 위에 추가하는데, 이때 __extends, __assign와 같은 헬퍼 함수가 추가됩니다.

하지만, importHelpers 플래그를 사용하여 이러한 헬퍼 함수를 개별적인 파일로 분리하고 활용할 수 있습니다.

이제 importHelpers 플래그를 사용하여 __extends와 __assign 헬퍼 함수를 제거하는 방법에 대해 살펴보겠습니다.

importHelpers 설정하기

1. 우선 tsconfig.json 파일을 엽니다.
2. compilerOptions 안에 "importHelpers": true를 추가합니다.

{
  "compilerOptions": {
    "importHelpers": true,
    "target": "es5",
    "module": "commonjs",
    "strict": true
  }
}

위와 같이 설정한 후, TypeScript 컴파일러가 __extends와 __assign 헬퍼 함수를 개별 파일로 분리하여 import하여 사용하도록 설정이 완료됩니다.

importHelpers 플래그를 활용하여 프로젝트의 런타임 전송량을 줄이고 더욱 효율적인 코드를 생성할 수 있습니다.

더 자세한 정보는 TypeScript 공식 문서에서 확인하실 수 있습니다.