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

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

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

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

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

ビルドファイルの名前にハッシュを追加してください。プロジェクトをビルドしてください。ファイル名を確認してください。

プロジェクトファイルに変更を加えてください。プロジェクトをビルドしてください。新しいファイル名を確認してください。