Vue.js - NPM 이란?

Yuri Lee·2020년 9월 25일
0

Vue.js

목록 보기
12/12

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 입문(이지스퍼블리싱)

profile
Step by step goes a long way ✨

0개의 댓글