[2019.08.12] CRA(Create-React-App) 사용 시, npx를 써야하는 이유!

 

 

# npx란?

npx는 자바스크립트 패키지 관리 모듈인 npm의 5.2.0버전부터 새로 추가된 도구이다.

따라서 npm 버전이 5.2.0 이상이면 바로 사용할 수 있다.

 

# npx를 이용한 CRA 설치

리액트를 처음 시작할때, 또는 리액트 환경을 쉽게 구축하여 프로젝트를 진행하고자 할때 사용되는 것.

$ create-react-app HelloReact

 

그러나 위 명령어를 사용하기 위해서, 먼저 crate-react-app 패키지를 npm으로 글로벌 설치를 해 주어야 한다.

$ npm i -g create-react-app
$ create-react-app HelloReact

 

그러면 CRA 패키지가 PC에 글로벌하게 설치되어 쉽게 사용할 수 있다.

실제로도 이러한 방식은 일반적으로 많이 쓴다.

 

그러나 이러한 방식은 아래와 같은 단점이 있다.

• CRA에 포함된 수 많은 의존성 라이브러리들이 컴퓨터에 계속 남아있는다.
• CRA 버전 업데이트에 따라 변경된 사항이 있으면, 글로벌 설치된 CRA패키지를 지우고 다시 설치를 해야한다.

 

npx를 사용하게 되면, 이러한 단점을 해결할 수 있다.

$ npx create-react-app HelloReact

 

npx 로 CRA를 설치하면, CRA패키지를 잠깐 다운받고 CRA 프로젝트를 생성 후, 다시 패키지를 삭제한다.

이러한 방식으로 PC에 CRA의 무거운 패키지들을 남기지 않게 되고, 항상 최신 버전의 CRA를 사용할 수 있다.

---

 

이러한 방식을 알게되고, 나도 바로 아래 명령어를 실행함!

$ npm uninstall -g create-react-app

ㅋㅋ~ :)