はWebPACKの構成で

Question

背景

を構築し、あなたは[name]-[hash].jsのように放出されたファイルの命名規則を指定することができます。私はこれをhtml-webpack-pluginと組み合わせて使用​​して、配備時に正しいアセットを含めるためにRailsアプリで使用するために.html.erbのパーシャルを生成します。すべてのWebpackビルドでは、ファイル名に独自のフィンガープリントが作成されます。アプリケーションを複数のサーバーに拡張する場合を除き、Webpackはビルドプロセスの一部です（サーバーごとに新しいビルド）。 Railsは、あらかじめコンパイルされたアセットのフィンガープリンティングを同様に行います。

github.css 
** becomes ** 
github-448c90f2e2f181cd43b943786ee6f.css 

問題

アプリは（Elastic Beanstalkで使用）、ロードバランサの背後にある複数のサーバーにスケールされているので、それぞれの展開上、正確に同じでなければなりません構築します。 Webpackはビルドごとにユニークなハッシュを生成するため、生成されたアセットが同期していないため、ページのロード時に404を取得します。

質問

は、誰もが複数のビルドで同じハッシュを取得する方法を考え出していますか？おそらくgit commit hashに基づいていますか？それは私が思っていることですが、多くの検索は結果をもたらしませんでした。それを自分で構築することはできません。

Answer 1

ハッシュは決定的であり、含まれるファイルの内容が同じである限り、ハッシュも同様になります。これには依存関係も含まれているため、まったく同じ依存関係を持つことが重要です。

Yarnは、すべてのインストール時にインストールされた依存関係が同一であることを保証するためにファイルを使用します。これにより、すべてのマシンで常に同じビルドを行うことが非常に簡単になります。 npmを使用すると、npm shrinkwrapを使用して依存関係のバージョンをロックすることができますが、これは通常、管理が面倒です（Yarnが作成された理由とロックファイルを使用する理由の1つ）。

また、公式ドキュメントのGuides - Cachingもお読みください。