yarn add -D, npm install -D에서 D의 의미

yarn add -D, npm install -D에서 D의 의미

라이브러리를 설치하던 중

어떤 패키지는 -D를 붙여 설치를 했다.

yarn add react-router-dom
yarn add recoil
yarn add -D typescript eslint prettier

 

왜 어떤 패키지는 그냥 yarn add를 사용하고

어떤 패키지는 -D를 붙여서 사용할까?

 

그냥 yarn add와 yarn add -D의 차이가 무엇인지에 대해 알아보자!

 

package.json 에서 확인하기

라이브러리 설치 후 package.json 파일을 열어보았더니

dependencies와 devDependencies로 나뉘어 깔아져 있는 것을 확인할 수 있었다!

 

dependencies와 devDependencies의 차이

dependencies 는 애플리케이션 동작과 연관있는 라이브러리

devDependencies 는 애플리케이션 동작과 직접적인 연관은 없지만, 개발할 때 필요한 라이브러리

 

라고 생각하면 된다.

 

즉, eslint나 prettier과 같은 라이브러리는 빌드할 때 보다는 개발 시에만 필요한 라이브러리 이므로 -D를 붙여 설치함으로써 빌드시간도 줄이고, 배포할 때 불필요한 라이브러리를 포함시키지 않을 수 있다!

 

yarn 뿐만 아니라 npm도 마찬가지다.