キャッシュを扱うbeyong Nginxサーバーとwebpack jsとCSSのバージョン管理

Question

私はReact nodejsアプリケーションをEC2上で実行しています。

ロードバランスのためにNginxを超えて3つのインスタンスを設定しました。

また、Nginx設定でキャッシュを有効にしました。

基本的には、バンドルされたReactコードとstyle.cssも同梱されているapp.jsのさまざまなバージョンの横にすべてキャッシュする必要があります。

私はJSとCSS SRCリンクにバージョン番号を追加したいと思います（例えばhttp://mywebsite.com/app.js?1.0）

私の質問は、私はWebPACKのと、この操作を自動化することができ、ありますか？これは道のりですか？

Answer 1

html-webpack-pluginはあなたの友人です。

index.htmlファイルを作成する代わりに、webpackでそれを行うことができます。

出力スクリプトをindex.htmlに自動的に追加し、ファイルのハッシュを生成します。