[TS] Section3 컴파일러 및 구성
🍊 watch 모드
파일에 변화가 있을 때마다 자동으로 recompile 된다.
하나의 파일에 대한 리컴파일
tsc app.ts -w
tsc app.ts --watch
tsconfig.json 생성
tsc --init
해당 폴더의 ts파일들을 모두 js파일로 리컴파일
tsc -w
🍊 tsconfig.json 설정
exclude
exclude를 설정하지 않으면 node_modules는 기본적으로 exclude에 포함된다.
tsconfig.json
... }, "exclude": [ "node_modules" ]
include
include에 포함되지 않는 파일은 컴파일되지 않는다.
tsconfig.json
... }, "include": [ "app.ts" ]
file
컴파일하고 싶은 개별 파일 추가
tsconfig.json
], "files": [ "app.ts" ] }
sourceMap
.map.js 파일도 함께 생성한다.
브라우저의 source 탭에서 app.ts 파일 즉, ts 파일 또한 확인 가능하여 디버깅이 가능하다.
vscode에서 디버깅할 때에도 사용한다.
디버깅할 때 sourceMap: true
로 설정하여 .map.js 파일을 생성해야 한다.
(true로 설정 => tsc 컴파일 => 실행)
outDir
컴파일된 js파일이 위치할 곳을 설정한다.
rootDir
outDir로 컴파일될 ts 파일이 위치한 폴더를 의미
해당 폴더에 있는 ts파일이 컴파일되어 outDir에 담긴다.
onEmitOnError
에러가 있어도 무시하고 자바스크립트 컴파일을 실행한다.
onEmitOnError: false
에러가 있는 경우 컴파일하지 않는다.
onEmitOnError: true
Author And Source
이 문제에 관하여([TS] Section3 컴파일러 및 구성), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@ellie12/TS-Section-3-컴파일러-및-구성저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)