FRONT-END/TypeScript

내가 보려고 기록하는 tsconfig.json 설정

yeeeD 2022. 9. 8. 13:29
반응형

타입스크립트를 갓 배우고있는 요즘.

tsconfig.json 설정을 하면서 잊지않기 위해 or 다시보기위해 정리하는 글

 

compilerOtions

컴파일 속성을 설정

 

target

- 어떤 버전의 자바스크립트로 컴파일할건지 지정

 

lib

- 어떤 환경에서 동작할건지 지정

 

allowJs

- js 파일을 허용할지 결정

- 타입스크립트는 .js 파일을 허용하지 않는데 이걸 예외처리해줌

 

module

- 모듈 내보내기, 불러오기 코드가 어떤 방식의 코드로 컴파일 될지 결정

 

moduleResolution

- 모듈 해석 전략지정

- Node.js 방식으로 해석하려면 node를, 1.6버전 이전의 타입스크립트에서 사용했던 방식으로 해석하려면 classic을 입력

 

baseUrl

- import형식의 모듈을 가져올때 경로 지정

- 절대경로로 지정이 가능

- 프로젝트 루트 디렉토리에 src를 기준으로 모듈을 불러올 경우 './src' 로 지정가능

 

paths

- baseUrl 기준으로 상대경로로 가져오기를 다시 매핑

- import시 반복되는 경로를 사용하거나 뎁스가 깊어질경우 path에서 별칭을 주어 사용할 수 있음

 

allowSyntheticDefaultImports

- 불러오는 모듈에 default export가 없어도 import * as 가아닌 import 로 사용할 수 있는 설정

 

outDir

- 컴파일 후 생성되는 js파일이 생성되는 폴더를 결정

 

 

반응형