tsconfig.json 분석 #1 compileOptions - module과 target
tsconfig.json 분석 #1 compileOptions - module과 target
Typescript를 컴파일 하기 위해서는 tsconfig.json 파일이 필요하다. 그런데 PR로 올라온 코드를 리뷰하다보니 이 파일에 대해 분석해보고 싶은 생각이 들어서 궁금할 때마다 하나씩 분석해보려고 한다
dev-jejecrunch.tistory.com
./tsconfig.json 파일을 열어보면 다음과 같은 내용의 파일이 있을 것이다.
여기서 오늘은 baseUrl과 paths에 대해서 알아보겠다.
baseUrl은 절대적이지 않은 모듈 이름을 확인하기 위해 기본 디렉토리를 설정할 때 사용하는 옵션이다. 현재 이 프로젝트 폴더에서는 ./src를 기본 디렉토리로 설정한 것이다.
paths에서는 파일 내부에서 alias을 사용하기 위해 지정하는 경로이다. 현재 이 프로젝트 폴더에서는 @pages로 접근한다면 ./src/pages로 대체되고, @components/*로 접근한다면 ./src/components/*로 대체되어 컴파일 된다는 소리이다. Typescript가 require나 import에서 가져오기를 해결하는 방법을 선언하는 것이다. 이 경우 Typescript 파일 해석기가 코드를 찾기 위해 여러 사용자 정의 접두사를 지원하도록 지시할 수 있다. 이 패턴은 코드베이스 내에서 긴 상대 경로를 피하는 데 사용할 수 있다.