dependencies와 devdependencies

👉🏻 dependencies와 devdependencies의 차이는 무엇인가?

• dependencies (배포용)

  • 애플리케이션의 동작과 관련된 라이브러리들이 설치된다.
    ❗️배포용에 필요 없는 개발용 라이브러리가 포함 시 빌드 시간이 매우 오래 걸린다

• devdependencies (개발용)

  • 개발자가 프로그램 개발 시 필요한 라이브러리들이 설치된다.
    ❗️기본적으로 개발자가 구분을 하는데, 만일 구분을 못하겠다면 라이브러리 안내에 따라 설치하면 된다.

👉🏼 어떻게 추가되는것인가?

• dependencies 항목은 의존성이 추가될 때 패키지매니저를 통해 아무 옵션을 주지 않으면 리스트에 추가되는데, 예를 들어 npm i styled-components 라는 명령어는 해당 의존성을 dependencies에 추가한다. 아무 옵션이 없으면 dependencies에 추가된다는 말이다. --save옵션을 주어 dependencies 항목에 넣는다라는 명시적인 지시를 내릴 수 있는데(--save는 -S로 줄여서 사용가능하다.) 기본 값으로 dependencies 항목에 추가된다면 왜 --save옵션을 주는 것일까?

이유는 버전의 차이에 있다. 오래된 npm 버전에서는 --save 옵션을 명시해야만 dependencies에 추가되는데, devDependencies 항목에 추가하려면 --save-dev라는 옵션을 주어 항목에 추가된다(-dev는 -D로 줄여서 사용가능하다.).