[Npm] npm install --save와 --save-dev의 차이점

 

🚀 안녕하세요.

구글에서 필요한 정보를 찾다가 npm install --save 많이 써봤지만 --save-dev 옵션은 처음 봐서 무슨 옵션인지 알아보고 정리하고자 합니다.

 

✔️ npm

JavaScript용 Package Manager

 

✔️ npm init

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

 

✔️ npm install (plugin)

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

 

✔️ npm install (plugin) --save

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

 

✔️ npm install (plugin) --save-dev

• 패키지(plugin)을 ./node_modules 디렉터리에 설치하고 ./package.json 파일의 devDependencies 항목에 패키지 정보가 저장됩니다.
• --production 빌드 시 해당 패키지는 포함되지 않습니다.

 

플래그	효과
npm install --save	패키지 설치, 프로젝트의 dependencies 목록에 추가
npm install --save-D 혹은 --save-dev	패키지 설치, 프로젝트의 devDependencies 목록에 추가
npm install -g 혹은 --global	패키지를 프로젝트가 아닌 시스템의 node_modules에 추가

 

🧐

하나의 프로젝트를 git clone으로 받았다고 할 때 가장 먼저 할 일은 "npm start"가 아닌 "npm install"입니다. 해당 프로젝트의 의존성 목록에 있는 모듈을 설치하는 과정인데요! "npm install"시  dependencies, devDependencies의 목록에 있는 모든 모듈들을 설치합니다. dev로 시작되는 이름인 것처럼 devDependencies는 개발용으로 쓸 경우 사용됩니다. 그렇기 때문에 서비스의 릴리즈나 구동 시 꼭 필요한 모듈의 경우에는 --save 옵션을 넣어서 dependencies 항목에 넣어주고, 현재 개발 혹은 테스트 중인 모듈들은 --save-dev 옵션으로 devDependencies에 넣어주는 것이 일반적입니다.

dependencies 만 설치하려고 할 때 -> npm install --only=prod 혹은 production

devDependencies만 설치하려고 할 때 -> npm install --only=dev 혹은 development