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

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

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

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

webpack.config.jsexport default {
  entry: [
    './src/test1.js',
    './src/test2.js'
  ],
  output: {
    filename: 'build.[contenthash].js',
  }
};
Задание 1

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

Задание 2

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