src 절대 경로 설정

src 절대 경로 설정

컴포넌트가 복잡해지고 import를 하다보면 다음과 같이 상대경로가 복잡해질 수 있다.

import MyComponent from '../../../component/template/MyComponent';

이 경우 create-react-app 방식으로 생성한 프로젝트에서는 다음과 같이 절대경로 설정이 가능하다.

jsconfig.json 생성

프로젝트 최상위 경로(package.json과 같은 위치)에 jsconfig.json 파일을 생성한다.

파일 이름은 다른 이름을 사용할 수 없다.

jsconfig.json

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

절대 경로 설정

jsconfig.json 작성 후 다음과 같이 절대 경로를 작성할 수 있다.

import MyComponent from 'src/component/template/MyComponent';