dependencies 와 devDependencies 차이

Lemon·2022년 10월 5일
1

React

목록 보기
14/21
post-thumbnail

package.json 파일에 들어가면 dependenciesdevDependencies를 볼 수 있다.


dependencies란?

dependencies는 프로젝트 작업 중에 npm install 명령어를 통해서 설치한 라이브러리들이 들어가 있다. 우리가 애플리케이션을 배포할 때 사용할 라이브러리들이 담겨있는 곳이다. 애플리케이션의 동작을 도와주는 라이브러리들이 저장된다.
dependencies에 설치된 라이브러리는 배포할 때 포함된다.


devDependencies란?

devDependencies에는 애플리케이션 동작과 직접적인 연관은 없지만, 개발할 때 필요한 라이브러리를 설치하면 된다. 즉, 어플의 로직과는 직접적인 연관이 없는 라이브러리들이 설치하면 된다는 뜻이다.
devDependencies에 설치를 하려고 할 때는 npm i somethis -D를 붙여서 설치를 한다. 뒤에 -D를 붙이면 dev에 넣겠다는 말이다.
devDependencies에 설치된 라이브러리는 개발할 때 필요한 라이브러리기 때문에 배포할 때 포함되지는 않는다. 때문에 어플의 로직과 연관이 없다고 판단되는 라이브러리가 있다면 dev에 넣는 것이 좋다.


devDependencies 예시

eslint, prettier 등이 로컬 개발 단계에서만 사용되는 대표적인 예시라고 할 수 있다.

  • eslint, prettier 등 코드를 작성할 때 사용되는 라이브러리들은 사용자와 만날 이유가 없다.
  • build 할 때는 의존성에서 제외함으로써 최종 결과물의 크기를 줄일 수 있다.

dependencies 와 devDependencies 는 설치 방법

  • dependencies
    npm install 라이브러리명

  • devDependencies
    npm install 라이브러리명 --save-dev 혹은 npm install 라이브러리명 -D 


결론

배포할 때 어떤 라이브러리가 포함되는지 구분해서 설치해 줘야 빌드 시간도 줄이고, 배포할 때 불필요한 라이브러리를 포함시키지 않아도 될 것이다.

profile
개미는 뚠뚠..오늘도 뚠뚠🐜

0개의 댓글