React에서 import 할 때 ../ 안쓰고 절대 경로 쓰기

React 프로젝트를 CRA로 구축하셨나요 ?

자바스크립트 프로젝트인가요 ?

import 할 때마다 ../../ 에 지치셨나요 ?

그렇다면 이제 절대 경로를 사용해보세요!!!

 

 

가장 상위 경로에 jsconfig.json을 생성한다. 그럼 절대경로가 src로 설정되어 바로 접근 가능하다.

// jsconfig.json
{
  "compilerOptions": {
    "baseUrl": "src"
  },
  "include": ["src"]
}

 

혹시 eslint를 사용하시나요 ?

나는 eslint 때문에 적용이 안됐었다. eselintrc에도 코드를 추가해주니까 적용이 됐다.

// .eslintrc
// 아래 코드 추가

"settings": {
    "import/resolver": {
      "node": {
        "paths": ["src"]
      }
    }
  }