npm 혹은 yarn과 같은 패키지매니저를 통해 라이브러리들을 설치해보면 package.json파일이 생긴다. package.json파일을 보면 dependencies와 devDependencies가 따로 작성되어 있는데 이 두개의 차이는 무엇일까?

Untitled

dependencies와 devDependencies?


dependencies에는 애플리케이션 동작과 직접적으로 연관된 라이브러리를 설치하고 devDependencies에는 개발할 때 필요한 라이브러리를 설치한다.

devDependencies로 라이브러리를 설치하려면 아래와 같이 작성하면 된다.

yarn add -D 라이브러리명

나눠서 설치했을 때 좋은점?


devDependencies에 포함된 라이브러리는 실제 배포할 때 포함되지 않기 때문에 빌드 시간을 줄일 수 있다. 따라서 애플리케이션에 필요한 라이브러리가 아니라면, devDependencies에 설치하도록 하자!

eslint, prettier와 같은 라이브러리들은 devDependencies로 설치하면 좋을 것 같다.