webpack-dev-server?

동작 원리

  1. 서버 실행시 소스 파일을 번들링
  2. 메모리에서 저장 소스 파일을 감시
  3. 소스 파일 변경시 변경 모듈만 번들링
  4. 변경 모듈을 브라우저에 전송
  5. 브라우저에서 변경 사항을 새로고침하여 반영 페이지를 로드

Dev Server

"scripts": {
  "dev": "webpack serve",
  "build": "webpack"
}

웹팩 데브 서버를 실행하여 웹팩 빌드를 하는 경우,