compilerOptions: 자바스크립트로 변환할 때 어떤 옵션의 내용으로 어떻게 해석해서 변환할 것인지 지정한다.
files: 타입 스크립트 파일로 변환할 파일을 파일 단위로 지정한다.
exclude: 타입 스크립트 파일로 변환하지 않을, 제외 할 폴더 경로를 지정한다.
include: 타입 스크립트 파일로 변환할 파일을 폴더 단위를 지정한다.
extends: tsconfig 정보를 확장할 수 있다. 단 중복되는 옵션은 현재 사용하고 있는 구성 옵션으로 덮어씌워진다. (tsconfig.json)
우선순위
- files
- exclude
- include
compilerOptions의 세부 옵션들
strict: 엄격한 타입 검사 활성화, 아래 옵션들을 자동으로 활성화
기본 값은 false이다.
target: 컴파일될 ES(JS) 버전을 명시
ES6과 ES2015는 같은 것이다.
lib: 컴파일에서 사용할 라이브러리 지정
target의 옵션에 따라서 자동으로 지정된다.
module: 사용할 모듈 방식 지정
프론트엔드는 보통 ESM 방식을 사용 (import, export)
moduleResolution: 컴파일러가 사용할 모듈 해석 방식 지정
(옵션의 값을 bundler로 지정하면 모듈을 불러올 때 index 파일을 경로에서 생략 가능)
paths: 경로 별칭 지정
jsx: JSX 출력 방식 제어 (리액트를 사용한다면 중요)
App.tsx 작성
jsx의 값으로 preserve를 지정했을 때
jsx의 값으로 react를 지정했을 때
jsx의 값으로 react-jsx를 지정했을 때
outDir:타입 스크립트를 변환할 때 출력되는 결과의 위치를 지정하고 싶을 때 사용
dist라는 폴더에 변환된 자바 스크립트 파일이 출력된 것을 확인할 수 있다.
