본문 바로가기

programming study/Front-end

NPM 명령어

본 내용은 인프런 장기효(캡틴판교)님의 프론트엔드 개발자를 위한 웹팩 강의를 토대로 작성하였습니다.

 

1. NPM 지역 설치 & 제거

지역 설치

npm install [패키지명]
# 위와 같음
npm i [패키지명]
  • --save-prod 옵션이 생략되어도 지역 설치
  • 해당 패키지가 node_modules에 설치
    • 패키지와 관련된 패키지도 설치
  • package.json의 dependencies에 해당 패키지와 버전이 기록

 

지역 제거

npm uninstall [패키지명]
  • node_modules와 package.json의 dependencies에서 삭제됨

 

지역 설치 명령어 옵션

npm install [패키지명] --save-prod

npm install [패키지명] --save-dev
# 위와 같음
npm install [패키지명] -D
  • --save-prod
    • dependencies에 설치
  • --save-dev
    • devDependencies에 설치

 

2. NPM 전역 설치

전역 설치

npm install [패키지명] --global
  • node_modules가 아닌, 시스템 전역에 설치 됨
  • 시스템 상에서 해당 패키지를 제어할 수 있는 명령어가 있음

 

전역설치된 라이브러리 경로

# window
%USERPROFILE%\AppData\Roaming\npm\node_modules

# mac
/usr/local/lib/node_modules

 

3. dependencies vs. devDependencies

  • dependencies: 애플리케이션 로직과 연관
    • 배포용 라이브러리
    • react, vue 등
  • devDependencies: 개발할 때 도움을 주는 보조 패키지
    • 개발용 라이브러리

 

배포용 라이브러리와 개발용 라이브러리 구분하기

  • 배포용 라이브러리(dependencies)는 npm run build로 빌드 시에 최종 애플리케이션 코드 안에 포함
  • dependencies에 필요없는 패키지가 들어가면, 빌드 시간이 오래 걸림

 

Reference

[인프런]프론트엔드 개발자를 위한 웹팩

'programming study > Front-end' 카테고리의 다른 글

웹팩 소개  (0) 2021.11.10
웹팩 시작하기  (0) 2021.11.09
Node.js와 NPM  (0) 2021.11.03
NPM  (0) 2021.09.13
Node.js와 NPM  (0) 2021.09.12