webpack " - watch" vs "--hot":どういう違いがありますか?
webpack --watch
と
webpack-dev-server --hot
感謝を使用しての違いは何ですか。
webpack " - watch" vs "--hot":どういう違いがありますか?
webpack --watch
と
webpack-dev-server --hot
感謝を使用しての違いは何ですか。
は時計モードを使用する場合https://webpack.github.io/docs/tutorials/getting-started/#watch-mode
@ WebPACKのドキュメントによると、WebPACKのは、コンパイルプロセスで使用されたすべてのファイル、 にファイルウォッチャーがインストールされます。変更が検出された場合、 はコンパイルを再度実行します。キャッシングが有効になっている場合、webpack は各モジュールをメモリに保持し、変更されていなければ再利用します。
ので、基本的には、webpack
とwebpack --watch
を実行しているとの違いは--watch使用して、あなたのCLIは、その後変更があった場合、それをあなたのファイルに任意のコードの変更を待ってコンパイル処理の後にハングアップしてということです再コンパイルして再び待ちます。 webpack-dev-serverはwebpack-dev-serverを使用している場合、デフォルトでwebpackのwatchモードを使用しているので、このオプションを使用する必要はないことに注意してください。
devサーバwebpackの時計モードを使用します。また、ウェブパック が結果ファイルをディスクに放出するのを防ぎます。代わりに、メモリから結果ファイルを保持して提供します( )。
webpack-dev-server --hot
とは何ですか?基本的には、これにより、Webpackの設定にHotModuleReplacementPlugin
が追加されます。これにより、フルページの更新を行う代わりに、変更されたコンポーネントだけをリロードすることができます。あなたが州と一緒に働いているときにはかなり便利です!ドキュメントによると:
各モードはまた、バンドルは変更はなく、ページ全体のリロードの起こったことを を通知するホットモジュールの交換をサポートしています。 Hot モジュール交換ランタイムは更新されたモジュールをロードして、実行中のアプリケーションに を注入することができました。
もっとそれが何であるかについての情報とどのようにここでそれを使用する方法:https://webpack.github.io/docs/webpack-dev-server.html#hot-module-replacement
私がもう少し理解のWebPACKにこのことができます願っています!
もし私がWindows上でIISを使っているのであれば、本当に 'webpack-dev-server'を実行する必要はありませんか? – Niner
はい、正しいです。ですから、あなたがwatchモードでwebpackを実行し、webpackがコンパイルしたファイルを 'dist'フォルダに出力したと仮定しましょう。 IISでは、この 'dist'ディレクトリを指します。あなたは変更を行い、 'dist'フォルダ内のすべてのファイルが新しいコンパイル済みファイルに置き換えられます。変更を確認するには、ブラウザの更新ボタンを手動で押す必要があります。これは、開発中に迷惑をかける可能性があります。 –