TypeScript : 컴파일러 | tsc | tsconfig json 옵션

728x90
반응형

1. 컴파일러 

(0) 프로그래밍 언어로 작성된 소스 코드 => 다른 프로그래밍 언어로 변

(1) 특정 프로그래밍 언어가 정적언어로서 정체성을 유지 가능한 도구

(2) 타입 검사 해줌

(3) 코드 변환 가능

(4) 최적화

 

2. tsc

(1) 타입스크립트 컴파일러 

(2) js 코드로 변환시킴

(3) 명령어

- tsc --init : tsconfig.json 생성 명령어

- tsc index.ts : index.ts를 컴파일 

- tsc src/*.ts : src 디렉토리안에 있는 모든 ts 파일 컴파일 

- tsc index.js --declaration --emitDeclarationOnly : @types 패키지를 위한 .d.ts 파일 생성 명령 

 

[참고]

 

Documentation - tsc CLI Options

A very high-level overview of the CLI compiler options for tsc

www.typescriptlang.org

 

3. tsconfig json 옵션

(1) compilerOptions - strict

:  true로 설정 권장

: 문법검사를 엄격하게 활성화

: strictNullchecks, strictFunctionTypes, noImplicitAny 등 모두 일괄 true로 설정됨

 

(2) compilerOptions - sourceMap

:  개발 환경에서 true로 설정 권장

 

(3) compilerOptions - target 옵션

- 레거시 환경에서 작동하는 프로그램 : es5

- 그 외에는, ES2016 또는 ES6~ 이후로 입력해서 사용

 

(4)  compilerOptions - module 옵션

- 컴파일 후 생성된 JS 모듈 형식 지정

(target과 독립적이여서 프로젝트 요구사항에 따라 적용)

 

(5) compilerOptions - outDir 옵션

- 컴파일된 파일이 저장될 출력 디렉토리

- "outDir" : "dist" 로하면 dist 폴더에 저장

 

 

[옵션 메뉴얼]

 

TSConfig Reference - Docs on every TSConfig option

From allowJs to useDefineForClassFields the TSConfig reference includes information about all of the active compiler flags setting up a TypeScript project.

www.typescriptlang.org

 

끝.

반응형