Webpackにおけるビルドファイルのハッシュ

以前、ファイルのキャッシュ問題について 議論しました。Webpackを使用すれば、 この問題に簡単に対処できます。 Webpackでは、ファイル名に特別なハッシュを 追加することができます。これは、 ビルドファイルの内容に基づいて生成される 一意のランダムな文字列です。

これは、新しいビルドが行われるたびに、 プロジェクトファイルに変更が加えられた場合、 ビルドファイルのハッシュも変更されることを 意味します。

ファイル名へのハッシュは、特別なコマンド [contenthash]を使用して追加できます。 やってみましょう：

webpack.config.jsexport default {
  entry: [
    './src/test1.js',
    './src/test2.js'
  ],
  output: {
    filename: 'build.[contenthash].js',
  }
};