리액트에서 devDependencies는 왜 안쓰나요?

npm, nodejs를 공부하셨다면

 

개발에 필요한 패키지들은 dev dependency로 설치하는것이 습관화되어있을거예요

 

sass를 비롯한 개발 또는 테스팅단계에서 필요한 툴들은 당연히 dev dependency로 설치했을거예요

 

그런데 CRA로 리액트 앱을 만들면 모든 패키지가 구분없이 dependencies에 설정되어있는것을 볼 수 있습니다

 

  "dependencies": {
    "@testing-library/jest-dom": "^5.16.4",
    "@testing-library/react": "^12.1.4",
    "@testing-library/user-event": "^13.5.0",
    "react": "^17.0.2",
    "react-dom": "^17.0.2",
    "react-scripts": "5.0.1",
    "web-vitals": "^2.1.4"
  }

 

으잉? 왜 그렇죠?

Nodejs 앱을 만든다면 dependencies 와 devDependencies 를 나누는게 의미가 있지만,

 

CRA의 경우 배포할 결과물 자체가 bundle된 static js파일이고,

 

build시에만 모든 package를 이용하기때문에

 

사실상 모든 dependencies가 development dependencies 와 다름이 없습니다.

 

그래서 굳이 devDependencies를 나누지 않으셔도 됩니다