React-App-Rewired

CRA(Create-React-App)

• 리액트 프로젝트를 처음 실행할 때 필요한 여러가지 라이브러리나 웹팩의 설정없이 간편하게 프로젝트를 시작할 수 있다.
• one build dependency
• 프로젝트에 필요한 필수적인 설정을 대신 해준다.
• Autoprefixer를 지원해준다. 즉, 일반적인 CSS코드 생성을 하게 되면 자동으로 -webkit-, -ms- 등을 자동으로 적용해준다.

Eject

yarn eject

• one build dependency를 가진 프로젝트를 custom하기 위한 방법
• 숨겨져 있던 모든 설정들(webpack설정이나 babel설정 파일 등)와 패키지들이 가지는 의존성을 볼 수 있게 된다.
• 설정 파일을 수정할 수 있으나 너무 방대한 양의 파일이 나타나게되어 가독성이 떨어진다.

  🔥 한 번 eject를 수행하면 이전 상태로 돌아갈 수 없으니 주의!

해결!

• 기존 CRA프로젝트에 약간의 customizing을 할 수 있는 방법(단, eject보다는 자유롭지 않다.)
• React-App-Rewired을 사용하여 위 문제를 해결할 수 있다.