NPM 이란?
뷰 CLI로 프로젝트를 구성하고 실행할 때 npmm install, npm run dev와 같은 명령어를 사용했다.
NPM(node package manager)는 전 세계 자바스크립트 라이브러리가 존재하는 공개 저장소이다. 자바스크립트의 활용 범위가 넓어지면서 관련 라이브러리를 다운로드 할 수 있게 되었다.
--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 속성에 원하는 명령어를 추가하고, 해당 명령어를 실행했을 때 동작하는 옵션들을 정의할 수 있음.
[Reference]
Do it Vue.js 입문(이지스퍼블리싱)