npm intall —save 와 —save-dev 차이점

date
Apr 5, 2023
slug
npm—save
author
status
Public
tags
npm
summary
type
Post
thumbnail
npm.png
category
💻 Develop
updatedAt
Apr 6, 2023 12:36 AM
npm install을 평소에 많이 쓰면서 —save, -g를 많이 쓰게 되는데 이번에 -D라는 축약어를 보게되면서 쓰게된 정리글입니다.
 

npm 이란?

javascript 용 Package Manager
 

npm init

패키지 의존성을 관리할 package.json 파일을 만드는 명령어
 

npm install(plugin)

npm으로 해당 프로젝트에 패키지(plugin)를 설치
npm install [패키지 명]
 

npm install(plugin) —save

패키지를 ./node_modules 디렉터리에 설치하고 ./pakage.json 파일의 dependencies 항목에 패키지 정보가 저장됩니다.
—production 빌드시 해당 패키지가 포함됩니다.
 

npm install(plugin) —save-dev

패키지를 ./node_modules 디렉터리에 설치하고 ./pakage.json 파일의 devDependencies 항목에 패키지 정보가 저장됩니다.
—production 빌드시 해당 패키지는 포함되지 않습니다.
 
 
npm install —save
패키지 설치, 프로젝트의 dependencies 목록에 추가
npm install —save-D 또는 —save-dev
패키지 설치, 프로젝트의 devDependencies 목록에 추가
npm install -g 또는 —global
패키지를 프로젝트가 아닌 시스템의 node_modules에 추가
 
  • dependencies - 기술 스펙으로 사용될 패키지 - 런타임에 필요
  • devDependencies - 개발 시 필요한 패키지 - 컴파일(빌드)에 필요