create-react-app 으로 만든 프로젝트는 쉽고 간편하지만, webpack 설정을 건드리지 못한다.
webpack 설정을 건드리고 싶으면 craco 라이브러리를 이용해 바꿀 수 있다.
CRACO ?
CRACO 는 Create React Config Override 의 준말로, eject 없이 cra 의 설정을 바꿀수 있게 해준다.
항상 상대경로를 사용해왔다 그 이유는 다른 사람의 pc에서 제대로 불러오지 못하는 경우가 있다는 블로그를 본것도 있고 나도 그렇게 생각했다 하지만 만드는 프로젝트 규모가 커지면 상대경로가 너무 깊어져 ../../../../../../../../ 이런 경우가 생길것이다.
오늘 강의를 보다가 처음 CRACO 를 알게되었다 프로젝트 이젝트 없이도 설정 파일을 바꿀 수 있는 라이브러리이다.
-
@ 만 붙이면 자동으로 src 경로부터 시작이라고 생각했다 -> @ === ./src
하지만 이게 아니였다. @page/* 라는 뜻은 경로에서 @page/~로 오는건 ./page/~ 이거 였다. -
page에 있는 것들도 그냥 @/page 로 적었기 때문에 @ 이하에 붙은 /page를 인식하지 못한것같다.
한줄