# webpack

> 웹 프로젝트의 자바스크립트 파일과 기타 리소스를 단일 출력 파일로 묶어줍니다.
> 더 많은 정보: <https://webpack.js.org>.

- 진입점이 되는 파일에서 단일 출력 파일 생성:

`webpack {{app.js}} {{bundle.js}}`

- 자바스크립트 파일에서도 CSS 파일을 로드 (이 경우 CSS 파일에 CSS 로더를 사용합니다):

`webpack {{app.js}} {{bundle.js}} --module-bind '{{css=css}}'`

- 구성 파일(예, 입력 스크립트 및 출력 파일 이름 포함)을 전달하고 컴파일 진행률을 표시:

`webpack --config {{webpack.config.js}} --progress`

- 프로젝트 파일 변경 시 자동으로 다시 컴파일:

`webpack --watch {{app.js}} {{bundle.js}}`