[WEB] Dependencies & devDependencies

🪄 패키지 관리자 npm 또는 yarn을 통해 라이브러리를 설치하면 package.json 파일에 dependencies와 devDependencies가 작성된 것을 확인할 수 있다.

🔗 Dependencies

Dependencies에는 애플리케이션 동작에 연관된 라이브러리들이 담겨있는 곳이다.

이곳에는 애플리케이션 배포에 있어서 사용하는 라이브러리들을 담겨져 있다.

이는 불필요한 라이브러리를 포함시키지 않음으로 프로젝트 빌드 시간을 줄이기 위함이다.

⚙️ Dependencies 설치 방법

npm npm i(install) Package_Name
yarn yarn add Package_Name

⛓️ devDependencies

devDependencies는 dependencies와 마찬가지로 프로젝트에 사용하는 라이브러리들이 담겨져 있다.

하지만 devDependencies에는 개발 단계에서 필요한 라이브러리들을 주로 이곳에 설치한다.

⚙️ devDependencies 설치 방법

npm npm i(install) Package_Name --save-dev
yarn yarn add Package_Name --dev

npm npm i(install) -D Package_Name
yarn yarn add -D Package_Name

💡 devDendencies에 설치하면 좋은 것

ESLint와 Prettier 같은 개발 단계에서만 사용하고 배포에는 필요가 없는 라이브러리들을 주로 devDependencies에 설치해서 사용하다.

ESLint와 Prettier란?

이를 구분하면 프로젝트 배포시 빌드 과정에서 의존성을 제외해 최종 결과물의 크기 및 시간을 줄인다.