상대경로는 수정이 번거롭기 때문에 절대 경로 설정을 해두면 좋다

Creact-React-App 에서 절대경로를 설정해보자

.env 설정

CRA Root 경로에 .env 파일을 만들어서 NODE_PATH를 설정해주자

NODE_PATH=src/

기본적으로 CRA는 dot env를 default로 지원해주는 것 같다

vscode 설정

.env 만 설정하면 vscode에서 에러가 있다고 하기 때문에 vscode에서 설정한 path를 읽을 수 있게 설정해야한다

기본 CRA 이면 jsconfig.json
CRA --typescript 이면 tsconfig.json
파일에서 아래의 코드를 넣어주자

{
  "compilerOptions": {
    "baseUrl": "./src"
  }
}