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}}