[react] Typescript에서 Absolute Path 사용하기

React와 typescript를 함께 사용하는 경우, absolute path사용하기

Typescript를 사용하지 않을 경우

Root에 jsconfig.json 파일 생성후, baseUrl을 정의한다.

{
  "compilerOptions": {
    "baseUrl": "src"
  }
}

Typescript를 사용하는 경우

루트에 tsconfing.json파일을 생성후, 아래와 같이 경로를 지정한다.

{
  "compilerOptions": {
    "baseUrl": "src"
    // ....
  }
}

---

(주의)

코드 에디터에 따라서 tsconfig.json을 저장했을 때, baseUrl이 초기화 되어지는 경우가 있다. 이 때는 paths를 분리한 뒤 tsconfing.json에서 불러오면 된다.

tsconfig.paths.json 생성

{
  "compilerOptions": {
    "baseUrl": "src",
  }
}

tsconfig.json

{
  "extends": "./tsconfig.paths.json", // (*)
  "compilerOptions": { 
    // ...
  }
}