>웹 프론트엔드 >JS 튜토리얼 >webpack 명령줄에 대한 자세한 소개

webpack 명령줄에 대한 자세한 소개

零下一度
零下一度원래의
2017-06-24 14:07:013445검색

이전 단어

  Webpack은 빌드 프로세스를 구성하고 상호 작용할 수 있는 명령줄 인터페이스(CLI)를 제공합니다. 이는 초기 프로토타입 제작, 프로토타입 제작, npm 스크립트 작성 또는 일부 개인 사용자 정의 요구 사항에 유용합니다. 이 기사에서는 웹팩의 명령줄 인터페이스를 자세히 소개합니다.

공통 구성

【--help】

 명령줄에서 사용 가능한 모든 구성 옵션 나열

webpack --help
webpack -h

【--config】

기타 지정 구성 파일 . 구성 파일의 기본값은 webpack.config.js입니다. 다른 구성 파일을 사용하려면 이 매개변수

webpack --config example.config.js

를 추가하면 됩니다.

【- -watch】
 파일 시스템의 변경 사항 관찰
webpack --progress

【--colors】

콘솔 색상 켜기/끄기 [기본값: (지원 색상)]
webpack --watch
webpack -w

【 -p】

압축 난독화 스크립트
webpack --colors
webpack --color

【--profile】
  컴파일된 성능 데이터를 기록하여 출력합니다. 컴파일 프로세스 중 어떤 단계가 가장 오래 걸리는지 알려주며, 이는 빌드 성능을 최적화하는 데 매우 유용합니다. 따라서 일반적인 명령을 스크립트로 만들 수 있습니다
webpack -p

npm run w를 실행할 때 webpack --progress --colors --watch를 실행하는 것과 같습니다. 이는 모니터링 모드를 실행하고 색상 문자를 사용하고 백분율을 표시한다는 의미입니다. 패키징 프로세스

npm run p를 실행하는 것은 webpack -p를 실행하는 것과 동일하며, 이는 모듈 파일을 압축한다는 의미입니다.
npm run dev를 실행하는 것은 webpack-dev-server를 실행하는 것과 동일하며, 이는 로컬 서버를 실행하는 것을 의미합니다.

위 내용은 webpack 명령줄에 대한 자세한 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.