CRA in webpack config

CRA로 만든 React App의 webpack 설정을 최적화 하기 위해 찾아보던 중, craco config 가 아닌 webpack config file로 변경하려면 프로젝트를 eject해야 한다는 사실을 알게 되었습니다.

eject할까 말까…

React 공식 문서에서 나와있듯이 한번 eject하면 되돌릴 수 없으므로 신중하게 판단하고 eject을 진행해야 합니다.eject을 하면 webpack,Babel,ESLint 등등의 숨겨진 file 들을 볼 수 있지만, CRA가 자동으로 설정해놓은 webpack,babel 관련 설정들을 사용자가 직접 유지보수 해야 합니다.…또한 프로젝트 진행 중에 새로운 라이브러리를 설치할때 다른 패키지와의 의존성을 고려해서 작업해야 합니다.….

이런 문제로 인하여 프로젝트를 eject하지 않고, craco config 안의 webpack 설정을 활용하여 현재 코드보다 깔끔하게 변경하고, 추가 작업을 진행하도록 하였습니다.

다음 글은 CRA 안의 webpack 설정을 적용하며 공부한 내용을 정리한 문서입니다.

https://medium.com/p/45595c28c3e7