[React] 리액트 파일 절대경로 설정하기

절대경로를 설정하는 이유

import main from '../../Images/main/main.svg'

이런 식으로 ../을 무한 생성하게 되니까 여러 개 import할 땐 지저분하게 보일 수 있음!

절대경로를 설정해주면

import main from 'Images/main/main.svg'

이렇게 코드를 간단하게 줄일 수 있다!

 

CRA(create-react-app)에서 절대경로 설정하는 방법

 

1. 최상위 루트에 jsconfig.json파일을 만든다

있는 경우에는 파일 내용을 추가해주면 됨

 

2. 아래 내용을 추가해준다

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

 

3. 서버를 재실행(중요!!) 해주고 다시 서버를 돌린다

yarn start나 npm start로 껐다 켜줘야 오류가 안생김!!

안끄고 json파일 추가했는데 오류 자꾸 떠서 슬펐던 적이 있습니다.... 여러분들은 꼭 재실행 하시길 바라며!!!

 

이상 끝!