webpackコマンドラインの詳細な紹介

前の言葉

Webpack は、ビルド プロセスを構成し操作するためのコマンド ライン インターフェイス (CLI) を提供します。これは、初期のプロトタイピング、プロトタイピング、npm スクリプトの作成、または個人的なカスタマイズのニーズに役立ちます。この記事では、webpackのコマンドラインインターフェースを詳しく紹介します

共通設定

【--help】

コマンドラインで利用可能な設定オプションをすべてリストします

webpack --help
webpack -h

【--config】

その他を指定します設定ファイル 。設定ファイルのデフォルトは webpack.config.js です。他の設定ファイルを使用したい場合は、このパラメータを追加できます

webpack --config example.config.js

【--progress】

コンパイルの進行状況のパーセント値を出力します

webpack --progress

【- -watch】

ファイルシステムの変更を観察します

webpack --watch
webpack -w

【--colors】

コンソールの色のオン/オフを切り替えます[デフォルト: (supports-color)]

webpack --colors
webpack --color

【-p】

Compression obfuscation script

webpack -p

【--profile】

コンパイルされたパフォーマンスデータを記録し、出力します。コンパイル プロセスのどのステップに最も時間がかかるかがわかります。これは、npm コマンド ライン省略形のパフォーマンスを最適化するのに非常に役立ちます。したがって、一般的なコマンドをスクリプトに作成できます

//package.json
  "scripts": {"w": "webpack --progress  --colors  --watch","p": "webpack -p","dev":"webpack-dev-server"
  }

npm run w を実行する場合、これは webpack --progress --colors --watch を実行するのと同等です。これは、監視モードを実行し、色付きの文字を使用し、パーセンテージを表示することを意味します。パッケージ化プロセスの実行

npm run p を実行する場合、それは webpack -p を実行することと同等であり、これはモジュール ファイルを圧縮することを意味します

npm run dev を実行する場合、それは webpack-dev-server を実行すること、つまりローカルサーバーを実行することと同等です

以上がwebpackコマンドラインの詳細な紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。