React 절대경로 설정하는 방법

🙌 절대 경로란 ?

./Foo, ../foo, ../../../foo-bar 같이 상대 경로로 작성할 경우, 이 파일을 다른 경로로 옮길 경우 상대경로이기 때문에 path가 달라져서 import 오류가 필연적으로 납니다.

👉 절대경로는,

import { Header } from 'components/Header'
import { HeaderContainer } from 'containers/HeaderContainer'

이런 구조로 사용합니다.

🙌 절대 경로 설정하는 방법

tsconfig.json 또는 jsconfig.json

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

이렇게 해주면 된다.

출처 : https://kyounghwan01.github.io/blog/React/absoulte-import/#absolute-imports-%E1%84%80%E1%85%A1-%E1%84%86%E1%85%AE%E1%84%8B%E1%85%A5%E1%86%BA%E1%84%8B%E1%85%B5%E1%86%AB%E1%84%80%E1%85%A1

Author And Source

이 문제에 관하여(React 절대경로 설정하는 방법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@leemember/React-절대경로-설정하는-방법

우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다