import 절대경로로 지정하기

리액트에서 다른 js 파일을 import 할때 기본적으로 아래와 같이 상대경로로 지정해야 한다.

import { startLoading, finishLoading } from '../../modules/loading';

이것도 좀 지져분한데 Depth 가 더 깊어질 경우 ../../../ 이 굉장히 길어진다.

 

하지만 몇가지 설정으로 절대경로로 import 할 수 있는 방법을 제공한다.

프로젝트 root에 jsconfig.json파일을 생성하고 아래와 같이 입력한다.

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

 

이제 src 디렉토리를 기준점으로 해서 아래와 같이 import 할 수 있다.

import { startLoading, finishLoading } from 'modules/loading';