[typescript] 컴파일러 플래그를 사용하여 rootDir 설정하기

TypeScript는 JavaScript로 컴파일되는 강력한 언어입니다. 프로젝트의 디렉토리 구조가 복잡할 때 컴파일러에 프로젝트의 루트 디렉토리를 알려주는 것이 중요할 수 있습니다. rootDir 옵션을 사용하여 TypeScript 컴파일러에게 프로젝트의 루트 디렉토리를 명확히 지정할 수 있습니다.

rootDir 옵션 사용 방법

tsconfig.json 파일에서 compilerOptions 섹션 내부에 rootDir 옵션을 추가하여 프로젝트의 루트 디렉토리를 설정할 수 있습니다. 아래는 예시입니다.

{
  "compilerOptions": {
    "rootDir": "./src",
    "outDir": "./dist"
  },
  "include": [
    "./src/**/*.ts"
  ]
}

위의 예시에서 rootDir 옵션은 프로젝트의 소스 코드가 있는 디렉토리를 가리키며, outDir 옵션은 컴파일된 JavaScript 파일이 생성될 디렉토리를 가리킵니다.

rootDir 옵션을 사용하는 이점

rootDir 옵션을 설정하면 TypeScript 컴파일러가 해당 디렉토리를 기준으로 상대 경로를 사용하여 파일을 참조합니다. 또한, 루트 디렉토리를 정확히 설정함으로써 컴파일러가 프로젝트 내의 파일 경로를 더욱 신뢰할 수 있게 됩니다.

이렇게 함으로써 프로젝트의 파일과 모듈을 구조화하고, 컴파일 프로세스를 보다 예측 가능하게 만들 수 있습니다.

결론

TypeScript의 rootDir 옵션을 사용하여 프로젝트의 루트 디렉토리를 설정함으로써 프로젝트 파일 및 모듈 관리를 효율적으로 할 수 있습니다. 이는 프로젝트를 개발하고 유지 보수할 때 더 나은 구조화와 예측 가능한 컴파일을 가능하게 합니다.

참조: https://www.typescriptlang.org/tsconfig#rootDir