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

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

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

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

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

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

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