dependencies와 devDependencies 차이

dependencies

프로덕션 환경 및 서비스 런타임에 사용되는 일반적인 종속성을 가진 라이브러리가 위치한다.

npm install 라이브러리 명령어로 설치가 가능하다.

dependencies에서 관리하는 라이브러리의 예시로는 서비스 로직과 관련된 라이브러리, React, 상태 관리 라이브러리(Recoil, Redux 등)이 있다.

devDependencies

npm install --save-dev 라이브러리 혹은 npm install -D 라이브러리 명령어로 설치가 가능하다.

devDependencies에 속한 라이브러리는 프로덕션 모드로 의존성을 설치할 경우(npm install --production 명령어)와 npm에 배포된 패키지를 설치하는 경우에는 다운로드 대상에 포함되지 않는다.

devDependencies에서 관리하는 라이브러리의 예시로는 webpack, testing libraries, 타입 관련 라이브러리(typescript, @types/*), eslint, storybook 등이 있다.