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