[React] React에서 절대경로 사용하기

React에서 절대경로를 사용하려면 jsconfig.json파일을 프로젝트 root에 만들어주면된다.

 

안의 내용은 아래와 같이 채워주자

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

 

이제 다른곳에서 아래와 같이 import할 수 있다.

// import "../css/kakaoMap.css
import "css/kakaoMap.css";

 

 

jsconfig document

https://code.visualstudio.com/docs/languages/jsconfig

jsconfig.json Reference

 

 

create react app의 절대경로 관련 document

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

Importing a Component | Create React App

 

그런데 나는 이 방법 말고 경로 앞에 @를 붙여주고싶었다...

그러려면 다른 라이브러리를 깔거나 webpack설정 파일을 직접 건드리거나 해야하는 것 같다. 아래 참고...

https://mingeesuh.tistory.com/8

React 절대경로 설정 및 컴포넌트 불러오기