7

と を使用webpackhtml-webpack-pluginて、生成されたスクリプト バンドルで index.html ファイルを更新しますbundle.[hash].js

次にwebpack-dev-server、そのバンドルをメモリにロードし、ホット モジュール交換を利用できるように実行する必要があります。

これにより、コードが 2 回コンパイルされます。

ただし、私が望むのは、 index.htmlファイルを新しいでwebpack-dev-server更新できるようにすることです。2回コンパイルするのは奇妙に思えます。bundle.[hash].jswebpackwebpack-dev-sever

繰り返しますが、実行する唯一の理由webpackは、index.html ファイルをバンドルの新しいハッシュで更新することです。webpack-dev-server更新された index.html をディスクに出力できれば、webpackコマンドを完全に削除できます。

これは可能ですか?もしそうなら、webpack構成の変更はどうなりますか? 私の webpack 構成は非常に長いので、ここに投稿するのに役立つとは思いませんでした。

4

2 に答える 2

1

webpack-dev-server[hash]コンパイルされたバンドルをメモリに保存し、バンドルを出力ディレクトリに書き込まないため、を使用するときにバンドル名を追加する必要はないと思いますwebpack-dev-server

webpack.common.jswebpack.dev.jswebpack.prod.jsなど、3 つの webpack 構成ファイルを使用できます。

webpack.common.jsには、 webpack-mergeを使用して他の構成とマージできる一般的な構成が含まれています。

webpack.dev.jsは に使用されwebpack-dev-server、出力ファイル名はbundle.js

webpack.prod.jsは本番用に使用され、出力ファイル名はbundle.[hash].js

次に、単に実行できますwebpack-dev-server webpack.dev.js

于 2016-06-15T16:20:02.933 に答える