craco, craco-alias

craco를 사용하여 기존 CRA로 구성된 프로젝트의 설정을 eject하지 않고 수정할 수 있음

craco

각 환경에 맞게 jsconfig / tsconfig 설정 파일에서 craco 설정 파일을 include하여 적용

tsc가 tsconfig을 찾아 읽어와 컴파일*시 craco 설정 파일을 반영할 것임

• transpile

craco-alias

craco plugin, 디렉토리의 별칭을 부여하여 상대경로를 개선할 수 있음

craco config 파일에 플러그인으로써 삽입되며, 인라인 혹은 분리 가능 (tsConfigPath)

의문점

craco config에 플러그인으로써 삽입되었고, tsconfig.json에 include 되었는데
tsconfig.json에 extends property로 왜 한번 더 적용해야 하는가?

• craco config 파일은 webpack에 적용될 설정 파일임
• tsc에는 해당 alias 정보가 없음, 그러하여 컴파일시 tsc가 해당 alias를 알 수 없음

-> 그러하여 webpack에도 해당 alias 정보를 제공하고, tsc에도 alias 정보를 제공해 주어야 함