웹팩은 devDependencies ?dependencies?

https://stackoverflow.com/questions/40143357/do-you-put-babel-and-webpack-in-devdependencies-or-dependencies

Do you put Babel and Webpack in devDependencies or Dependencies?

dependencies에 들어가는것은 배포후에도(런타임에도)필요한 라이브러리가 들어가야한다. 

그러나, 로컬환경에서 확인하면서 개발단계에서 돌려보려면 개발단계에서 바뀐 부분을 bundle.js에 적용해주어 빌드해주는 중간 서버가 필요하다. 그때 필요한것이 webpack-dev-server이다.

 

webpack-dev-server는 라이브 리로드 기능을 제공하는 개발용 서버다. 빌드를 실행하면 번들링된 파일을 생성하기 때문에 규모가 큰 프로젝트라면 빌드에 시간이 걸린다. webpack-dev-server는 실제 번들링된 파일을 생성하지 않고 번들링된 결과를 메모리에 저장하기 때문에 빌드 속도가 빠르다. 따라서 개발 시에는 매번 빌드를 실행하지 않고 webpack-dev-server를 사용하는 편이 좋다.

webpack-dev-server는 webpack.config.js에 설정을 추가하는 것으로 간단한 사용할 수 있다.