tsconfig.json 분석 #1 compileOptions - module과 target

Typescript를 컴파일 하기 위해서는 tsconfig.json 파일이 필요하다.

그런데 PR로 올라온 코드를 리뷰하다보니 이 파일에 대해 분석해보고 싶은 생각이 들어서 궁금할 때마다 하나씩 분석해보려고 한다.

 

우선 루트 경로에 tsconfig.json 파일을 추가한다.

typescript를 사용하겠다고 하고 CRA를 실행했다면 이미 있을 가능성이 있다.

 

그러면 다음과 같은 내용의 코드가 있을 것이다. 우리가 볼 것은 compileOptions의 target과 module이다.

module은 자바스크립트 파일 간 import를 할 때 어떤 문법을 사용할지 결정하는 곳이다.

commonjs의 경우 require 문법을 사용하고 ES2015, ESNext는 import 문법을 사용한다.

target은 해당 타입스크립트 파일을 어떤 자바스크립트 버전으로 변환해줄지 결정하는 곳이다.

IE 호환성을 위해 module은 commonjs, target은 es5가 자동으로 설정된다.

그외 신버전만 가능한 문법을 사용하고 싶다면 버전을 올려주면 된다. es6 ~ esnext와 같이.

 

출처: https://codingapple.com/unit/typescript-tsconfig-json/

Typescript 컴파일시 세부설정 (tsconfig.json) - 코딩애플 온라인 강좌