초코레

NPM (Node Package Manager) 본문

Frontend/Vue.js

NPM (Node Package Manager)

초코레 2020. 1. 15. 19:21
  • 전 세계 자바스크립트 라이브러리가 존재하는 공개 저장소

설치 명령어

  • npm install 명령어를 실행하면 npm 설정 파일(package.json)에 설정된 라이브러리 목록을 다운로드하게 된다.

--save 옵션 vs --save-dev 옵션

  • 웹팩 추가 설정을 위한 플러그인 라이브러리나 로직과 관련된 외부 라이브러리를 해당 프로젝트에 다운로드하는 옵션
  • 두 옵션의 차이는 npm 설정 파일의 라이브러리 이름이 추가되는 곳이 다르다.
  • npm install --save 명령어를 사용하면 dependencies 속성에 라이브러리 이름이 추가된다.
    • 애플리케이션을 동작시키는 데 필요한 라이브러리가 들어가는 곳
  • npm install --save-dev 명령어를 사용하면 devDependencies 속성에 라이브러리 이름이 추가된다.
    • 애플리케이션을 개발할 때 필요한 라이브러리가 들어가는 곳

전역 설치 vs 지역 설치

  • 전역 설치 : -global 옵션을 이용해 해당 라이브러리를 시스템 레벨레 설치하는 것
    • -global을 -g로 줄일 수 있다. 마찬가지로 install 역시 i로 줄일 수 있다.
  • 지역 설치 : --save, --save-dev 같이 해당 프로젝트에 설치하는 것
    • node_modules 폴더가 추가된 것을 확인할 수 있다.

커스텀 명령어

  • npm run build 명령어는 웹팩으로 프로젝트를 빌드할 때 사용했고, npm run dev 명령어는 프로젝트를 웹팩 데브 서버로 구동할 때 사용했다.
  • 이러한 명령어는 npm 설정 파일(package.json)의 scripts 속성에 추가되어 있는 걸 확인할 수 있다.
  • 이와 같은 방식으로 'npm run 명령어' 형식으로 간단히 사용하기 위해 npm 설정 파일의 scripts 속성에 원하는 명령어를 추가하고, 해당 명령어를 실행했을 때 동작하는 옵션들을 정의할 수 있다.