React 절대경로 사용해서 import 하는 방법

 

https://create-react-app.dev/docs/importing-a-component/

위 공식문서를 보면

 

absolute import 부분을 보면 절대 경로를 사용해서 import하는 방법이 나와 있다

 

일단 react를 사용한다는 전제하에

 

tsconfig.json 파일을 만들어준다.

 

근데 typescript를 사용중이라면 이미 저 파일이 있을 터

 

typescript가 없다고 가정 했을때 사용 법은 저 파일을 만들어서

 

저기 내용을 그대로 넣어주면 된다.

 

그러면 절대 경로로 import 할 수 있다.

 

이런식으로 src를 기준으로 절대경로로 작성해주면 된다

 

Auth.tsx라는 파일은 src를 기준으로 routes 폴더 안에 있으므로

 

import Auth from "routes/Auth" 이렇게 만 적어주면 된다.

 

perfect!!