package.json의 dependencies와 devdependencies의 차이

package.json은 내가 만드는 프로젝트의 모든 설정이 적혀있는 JSON파일이다. 여기서 프로젝트 관리를 할 수 있고, 이 파일을 보면 프로젝트를 어떻게 실행하고 사용할 수 있는 지 알 수 있다.

필요한 라이브러리를 설치하다보면, 공식문서나 블로그에서 --save 또는 -dev 또는 --save -dev 옵션과 함께 설치하라고 하는 경우가 있다.

--save옵션은 package.json의 dependcy 항목에 설치할 라이브러리를 추가한다는 뜻이다.
이 옵션은 기본 값이라서 굳이 적지 않아도 된다. 만약 프로젝트에 styled-component를 설치한다고 했을 때, 다음과 같이 적을 수 있다.

npm install styled-components

dependencies는 프로젝트에 설치된 라이브러리, 패키지들의 버전을 관리할 수 있는 곳이다.
현재 설치된 패키지가 어떤 게 있는 지, 버전은 어떻게 되는지 확인할 수 있다. 실제 프로젝트 실행 시 필요한 파일들이 포함된다.

devDependencies는 다른 유저가 프로젝트를 사용하는 경우 그 유저의 환경에서 내가 사용한 테스트나 프레임워크를 다운로드하거나 빌드하기를 원하지 않을 때, devDependencies에 설치할 수 있다. 즉 개발단계에서만 필요한 라이브러리들을 설치할 때 devDependencies에 설치할 수 있다. -D옵션을 같이 줘서 설치할 수 있다.

참고한 글
package.json에 대해서
dependencies 뭘까(공식문서)
npm install 옵션들(공식문서)