Хеш в файле сборки в Webpack

Ранее мы уже обсуждали проблему кеширования файлов. С помощью Webpack можно легко справиться с этой проблемой. Webpack позволяет добавлять к имени файла специальный хеш, представляющий собой уникальную случайную строку, создаваемую на основе содержимого файла сборки.

Это значит, что при каждой новой сборке, если были внесены изменения в файлы проекта, то и хеш файла сборки поменяется.

Хеш к имени файла можно добавить с помощью специальной команды [contenthash]. Давайте сделаем это:

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

Добавьте хеш к имени вашего файла сборки. Соберите проект. Посмотрите на имя файла.

Внесите изменение в файлы проекта. Соберите проект. Посмотрите на имя нового файла.