クライアントがbundle.jsを再ロードするようにします

Question

私はReactとWebpackを使って完全にフロントエンドアプリケーションを作成しています。私は自分のビルドにいくつかの変更を加えました。今私の懸念は、私のユーザーは最新のバンドルではなく、ブラウザでキャッシュされたバンドルを使うようになるということです。最新のバンドルをロードするにはどうすればよいですか？

Answer 1

私はトリックを見つけました。スクリプトURLにクエリパラメータを追加してみてください。例えば

： http://example.com/scripts/bundle.js?something=something

私はファイルをキャッシュからブラウザを防ぐことだと思います。

Answer 2

アセットをクライアントブラウザに強制的に読み込むためのコードを追加することは、アプリケーションのレンダリングが遅くなるため、追加しないことをお勧めします。

スクリプトタグに新しいクエリパラメータバージョンを追加し、新しいコードを読み込むときはいつでもそのバージョンを変更することで、達成したいタスクを実行できます。

何か

よう

<script type="text/javascript" src="myfile.js?REVISION"></script>