Apply Absolute For Create React App

Create React App의 절대경로 설정

경로를 src폴더 기준으로 상대경로(../../../component/user)에서 절대경로(component/user)로 변경하는 방법에 대해 알아보려고합니다.

절대경로 설정

CRA프로젝트 루트에 jsconfig.json파일을 생성 후 다음과 같이 작성합니다.

1
2
3
4
5
6
{
"compilerOptions": {
"baseUrl": "src"
},
"include": ["src"]
}

eslintrc.js 파일에 다음과 같은 코드를 추가합니다.

1
2
3
4
5
6
7
settings: {
"import/resolver": {
node: {
paths: ["src"],
},
},
},

위와같이 설정을 완료 후 프로젝트를 재시작하면 절대경로로 설정하여도 Unable to resolve path to module 'component/user' 에러가 발생하지 않습니다.

공유하기