Create-React-App 에서의 npm run eject

 

 

CRA

 

 

개인 프로젝트를 구현하면서 CRA는 쓰지 않을 이유가 없었다

중요한 라이브러리나 웹팩 설정 없이 명령어 하나로 간편하게 프로젝트를 실행할 수 있기 때문

 

CRA를 사용하면

 

필요한 웹팩 / 바벨 / eslint 등 연결에 대해서 신경쓰지 않아도 된다

autoprefixer 를 지원해주어 자동으로 -webkit-, -ms- 를 적용해주기도 한다 (이건 웹팩 설정, 크로스 브라우징 용도)

=> emotion styled 를 사용하면 알아서 붙기도 함

styled-components는 보통 styled-reset method 로 브라우저의 초기값을 초기화 시킨다.

 

 

 

npm run eject

 

 

주의할 점 : 한번 eject를 하게 되면 이전 상태로 되돌릴 수 없다

 

eject는 숨겨져 있던 모든 설정을 모두 볼 수 있고 이제 환경을 custom 할 수 있다.

하지만 CRA가 자동으로 해주었던 웹팩 / 바벨 등의 설정을 이제 사용자가 직접 유지 보수해야하고

라이브러리 간의 의존성도 신경 써야한다.

개발 중 새로운 패키지가 필요해서 설치할 때 다른 패키지와의 의존성을 반드시 체크해야한다