npx란?

npx란, npm(node package manger)의 5.2.0 버전부터 새로 추가된 도구입니다.

리액트 초기 환경 설정을 해봅시다. CRA 고고!

$ create-react-app react-app
zsh: command not found: create-react-app

create-react-app 명령어를 사용하기 위해서는 create-react-app 패키지를 global 설치를 해야합니다.

$ npm install -g create-react-app
$ create-react-app react-app

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

  • CRA의 무거운 의존성 라이브러리들이 컴퓨터에 남게 됩니다
  • CRA 버전 업데이트시, 글로벌로 설치된 CRA를 재 설치해야 합니다.

이러한 문제점들을 npx를 사용함으로 써 해결할 수 있습니다.

$ npx create-react-app react-app    

요로콤 npx를 붙혀주면, 최신 CRA 패키지가 다운로드 되고 react-app 이라는 리액트 보일러플레이트를 세팅 후 즉시 CRA 패키지가 제거됩니다. 무거운 의존성 라이브러리들이 남지 않고 전부 제거되는거죠.