웹팩은 빌드 모드 일때와 개발 모드 일때가 동작 방식이 다르다.
빌드 모드(production mode) : 프로젝트 배포 단계에서 사용하는 모드
개발 모드(development mode) : 프로젝트 개발 단계에서 사용하는 모드
> npm run build
빌드 모드로 실행하는 경우, 프로젝트 디렉터리의 파일을 모두 모아 이름에 main이나 chunk라는 단어가 있는 번들 파일들을 만듦.
아래의 명령어를 입력 시, 웹 서버 역할을 하는 serve 프로그램을 설치하고 실행하게 됨.
> npm install -g serve
> serve -s build
개발 모드로 실행하는 경우, serve 프로그램이 아닌, 웹팩이 서버로 동작하게 됨
아래의 명령어를 입력 시, 내부적으로 웹팩을 서버 형태로 구동하므로 명령이 종료되지 않고 계속 동작함.
> npm start
웹팩 서버는 리액트 프로젝트 디렉터리의 파일들을 빌드하여 번들 파일로 만든 후, 이를 반영한 index.html 파일을 생성함.