CRA로 생성된 프로젝트에 절대경로 설정하기

create-react-app을 통해 프로젝트를 생성하면 상대 경로로 import를 하게 되는데, depth가 깊어질 수록 상대 경로 import가 불편해지기 때문에 절대 경로를 사용하는 것이 편하다.

사용방법

- tsconfig.json / jsconfig.json

package.json 과 같은 레벨에 위의 이름으로 파일을 생성해준다.(TypeScript/JavaScript)

그리고 json 파일 내부에 아래와 같이 작성한다.

{
  "compilerOptions": {
    "baseUrl": "src"
  },
  "include": ["src"]
}

 

서버를 다시 실행해준다.

 

import '../components/Component';

에서

import 'components/component';

로 변경해서 작성할 수 있다.