[리액트] npx를 써야하는 이유

AnSuebin·2022년 8월 17일
0

[리액트] 개념 정리

목록 보기
1/13
post-thumbnail

npx를 써야하는 이유
1. npx란?
2. npm을 통해 까는 것의 문제점
3. npx로 해결
4. npm 패키지 삭제

00 결론 => npx로 깔자

$ npx create-react-app comento-shopping

1. npx란?
npx는 자바스크립트 패키지 관리 모듈인 npm의 5.2.0버전부터 새로 추가된 도구
따라서 npm 버전이 5.2.0 이상이면 바로 사용 가능

2. npm을 통해 까는 것의 문제점

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

3. npx로 해결

$ npx create-react-app HelloReact
  • npx 로 CRA를 설치하면, CRA패키지를 잠깐 다운받고 CRA 프로젝트를 생성 후, 다시 패키지를 삭제한다.
  • 이러한 방식으로 PC에 CRA의 무거운 패키지들을 남기지 않게 되고, 항상 최신 버전의 CRA를 사용할 수 있다.

4. npm 패키지 삭제

$ npm uninstall -g create-react-app

Create React App 공식 깃허브
https://github.com/facebook/create-react-app

참고
https://helloinyong.tistory.com/177

profile
고객에게 명료한 의미를 전달하고, 명료한 코드를 통해 생산성 향상에 기여하고자 노력합니다.

0개의 댓글