Автоматический сброс кеша в билде React

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

Это значит, что если на хостинге вы поменяете что-то в ваших скриптах или стилях, то изменения появятся только у новых посетителей сайта. Старые посетители, которые уже были на сайте ранее, будут видеть закешированную версию кода. Это, конечно же, неприемлимо.

К счастью, в React эта проблема решается автоматически. Ее решение состоит в том, что файлы билда, помимо имени и расширения, имеют случайную строку, которая называется ⁅b⁆хеш⁅/b⁆. Этот хеш соответствует содержимому файла. Это значит, что при изменении кода в файле, будет меняться и хеш в его имени. Таким образом, браузер будет думать, что это новый файл и скачает его себе.

Мы можем наблюдать хеши файлов при их подключении в index.html: