Webpack の監視モードは、ツールがソース ファイルの変更を監視し、変更が検出されるたびに自動的に再コンパイルをトリガーできるようにする機能です。 これは、コードを変更するたびに手動で再コンパイルする必要がなくなり、時間を節約できるため、開発中に特に役立ちます。
Webpack の監視モードの 使用方法は次のとおりです。
Webpack ウォッチモードで 実行中
監視モードで実行するには、 ターミナルからコマンド を実行するときにフラグを Webpack 使用します。 例えば： --watch webpack
npx webpack --watch
このコマンドを使用すると、 Webpack ソース ファイルの監視が開始され、変更を保存するたびにバンドルが自動的に再コンパイルされます。
Webpack 構成
webpack 次のオプションを追加することで、構成ファイル( webpack.config.js) に監視モードをセットアップすることもできます watch: true。
module.exports = {
// ...other configuration options
watch: true
};
--watch こうすることで、コマンドを実行するたびにフラグを 使用する必要がなくなります webpack。
行動
が監視モードの場合 Webpack 、ソース ファイルの変更を継続的に監視します。 変更を加えてファイルを保存すると、 Webpack バンドルが自動的に再コンパイルされます。 これにより、ビルド プロセスを毎回手動でトリガーしなくても、アプリケーションの変更を確認できます。
監視モードは開発には最適ですが、不必要なリソースを消費する可能性があるため、実稼働ビルドでは通常は使用されないことに注意してください。 運用ビルドの場合は、通常、監視モードを使用せずに最適化および縮小されたバンドルを作成するために使用します Webpack。
Webpack 監視モードとそれに関連するオプションの使用に関する最新情報については、 必ず公式ドキュメントを参照してください。