[TypeScript] 컴파일 시 세부 설정

1. tsconfig.json 

기본적으로 TypeScript 프로젝트에는 tsconfig.json이 존재한다. 

여기선 ts 파일들을 js 파일로 어떻게 변환할 것인지 세부 설정이 가능하다. 

 

{
    "compilerOptions": {
        "target": "es5",
        "module": "commonjs",
    }
}

target은 타입스크립트 파일을 어떤 버전의 자바스크립트로 바꿔줄지 정하는 부분이다. 

es5 외에도, es2016, esnext 등 원하는 자바스크립트 버전을 설정할 수 있다. 

 

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

commonjs는 require 문법,

es2015, esnext는 import 문법을 사용한다. 

 

일반적으론 IE 호환성을 위해서 es5, commonjs가 보편적으로 사용된다. 

 

2. 추가로 넣을만한 속성

{
    "compilerOptions": {
        "target": "es5",
        "module": "commonjs",
        "noImplicitAny": true,
        "strictNullChecks": true
    }
}

noImplictAny는 any라는 타입이 의도치않게 발생한 경우 에러를 띄워주는 설정이다. 

strictNullChecks는 null, undefined 타입에 이상한 조작을 할 경우 에러를 띄우는 설정이다. 

 

외에도 https://www.typescriptlang.org/tsconfig  확인할 수 있다.