Section 3 : typescript 컴파일러 및 구성

관찰모드

변경사항이 있을 때마다 tsc 커맨드를 실행하지 않고 관찰모드(watch mode)를 사용하면 파일에 변경 사항이 있을때마다 컴파일을 자동으로 해준다.

tsc app.ts --watchor tsc app.ts --w

타입스크립트 파일이 2개 이상이라면 index.html에서 script로 js파일과 ts파일을 불러오고 컴파일하면 된다.
타입스크립트로 관리해야 할 개별 프로젝트를 알려주기 위해 tsc --init 를 활용하며 tsconfig.json 파일이 생성되는것을 알 수 있다. 이 파일에서 여러가지 옵션들을 활용할 수 있으며 또한 tsc --watch로 모든 파일을 관찰모드로 사용할 수 있다.

tsconfig.json

파일 내부의 유용한 옵션들에 대해서 알아보자.
exclude: 컴파일 제외할 파일
include: 컴파일 포함할 파일
files: 컴파일 할 파일 개별 지정

"exclude": [
	"analytics.ts"
	]

compilerOptions
컴파일 할때 컴파일할 자바스크립트 버전을 결정할 수 잇다.

”target”: “es6”

lib
dom을 활용한 기본적인 옵션값을 지정해주는 것이다.

"lib": [
	"dom",
	"es6",
	"dom.iterable",
	"scripthost"
]

allowJS
true일때 타입스크립트가 자바스크립트 파일을 컴파일 할 수 있도록 해준다.

checkJS
true일때 컴파일을 수행하지 않아도 에러를 보고한다.

"allowJS": true,
"checkJS": true

sourceMap
디버깅 작업을 할때 개발자도구와 타입스크립트의 다리역할을 할 수 있는 파일을 생성해준다. 기존 개발자 도구에서는 타입스크립트를 확인할 수 없기 때문에 유용하다.

"sourceMap" : true

outdir
경로를 지정하여 컴파일 된 파일들을 한곳에 저장한다.

"outdir": "./dist"

rootDir
타입스크립트 파일을 한곳에 저장한다.

"rootDir": "./src"

removeComments
타입스크립트에서 작성된 주석들이 컴파일한 자바스크립트 파일에서 삭제된다.

"removeComments" : true

noEmit
자바스크립트 파일을 생성하지 않음

"noEmit" : true

downlevelIteration
이해 필요함

"downlevelIteration" : true

noEmitOnError
타입스크립트를 작성할 때 컴파일 오류가 발생한 파일은 자바스크립트 파일을 생성하지 않는다.

noEmitOnError : true

strict
이해 필요함

nounusedParameters
사용하지 않는 지역변수, 전역변수, 매개변수에 오류를 표시해준다.

"nounusedParameters" : true

noImplicitReturns
반환하지 않는 함수가 있을때 오류를 표시해준다.

"noImplicitReturns" : true