[package] dependencies vs devDependencies 차이와 구분해야하는 이유..

배경이야기..

• 우리의 프로젝트의 package.json에서 볼 수 있는 dependencies라는 라이브러리 설치 모음집이 있다.

• 그런데 dependencies는 알고 있었는데, 최근 옆자리 프론트 개발자 분이 devDependencies라는 것을 아냐고 물으셨다.

• 그래서 나는 아니용? 하고 대답했는데, 두 개의 차이점에 대해 공부해보시면 도움이 되실거라구 해주셨다.

그래서 바로 검색을 하면서 두가지 차이에 대한 공부에 돌입!!

dependencies vs devDependencies

• 둘의 큰 차이점은 우선 설치 방법이다.
• 보통 그냥 npm install 라이브러리 이렇게 할텐데, 그러면 자동으로 dependencies로 해당 라이브러리가 들어갈 것이다.
• 그런데, 방식을 조금 변경해서 npm install 라이브러리 --save-dev 또는 npm install 라이브러리 -D 명령어로 설치하면, 해당 라이브러리는 devDependencies 안으로 속하게 된다.

왜 두 가지의 차이점을 알아야 할까?..

둘을 왜 구분하는 것일까?

• 프로젝트에 필요한 라이브러리를 설치할 때, 그 성질은 둘로 나뉠 수 있다.
• 프로젝트의 동작에 연관은 없으나, 우리가 개발할 때 필요한 라이브러리가 있을 수 있고, 프로젝트 동작에 직접적으로 연관되어 필요한 라이브러리가 있을 수 있다.
• 그래서 단순히 개발할 때 필요하다면, devDependencies 안에 속할 수 있게 명령어를 작성해주고, 아니라면 일반적으로 설치하면 된다.
• 둘의 차이를 이용해 얻을 수 있는 장점은 바로, 빌드 시간을 줄여주고, 배포 시 굳이 올라가지 않아도 되는 불필요한 라이브러리를 제외할 수 있다는 것이다! (dependencies 안에 속한 라이브러리는 배포시에 포함되고, devDependencies는 포함되지 않는다..)