TypeScript의 paths 옵션은 모듈을 더 쉽게 가져오고 관리하는 데 도움을 줍니다. 이 기능을 사용하면 import문에서 상대 경로 대신에 짧은 모듈 경로를 사용할 수 있어 프로젝트의 모듈 경로를 보다 관리하기 쉽게 만들 수 있습니다.

이번 블로그에서는 TypeScript tsconfig.json 파일의 paths 설정을 사용하여 모듈 경로를 설정하는 방법에 대해 살펴보겠습니다.

tsconfig.json 파일 설정

먼저, tsconfig.json 파일에서 paths 옵션을 설정해야 합니다. 예를 들어, 아래와 같이 paths 설정을 추가할 수 있습니다.

{
  "compilerOptions": {
    "baseUrl": "./",
    "paths": {
      "@app/*": ["src/app/*"]
    }
  }
}

위의 예시에서, "@app/*"는 사용자 지정 모듈 경로이며, "src/app/*"는 실제 모듈이 위치한 경로입니다.

모듈 가져오기

이제 paths 설정이 완료되었으므로, import 문을 사용하여 모듈을 가져올 때 짧은 경로를 사용할 수 있습니다.

import { Example } from '@app/example';

위의 코드에서 "@app/example" 경로 대신에 "src/app/example" 경로를 사용하는 것을 볼 수 있습니다.

이와 같이 TypeScript의 paths 설정을 사용하면 모듈의 상대 경로를 축약하여 코드를 작성하고 관리하는 데 도움이 됩니다.

더 많은 정보는 TypeScript 공식 문서를 참조하세요.