Автоматический сброс кеша в билде React
Вы уже должны знать, что в браузерах существует проблема кеша статики. Суть проблемы в том, что для повышения быстродействия браузер кеширует файлы стилей, скриптов и изображений.
Это значит, что если на хостинге вы поменяете что-то в ваших скриптах или стилях, то изменения появятся только у новых посетителей сайта. Старые посетители, которые уже были на сайте ранее, будут видеть закешированную версию кода. Это, конечно же, неприемлимо.
К счастью, в React эта проблема решается автоматически. Ее решение состоит в том, что файлы билда, помимо имени и расширения, имеют случайную строку, которая называется хеш. Этот хеш соответствует содержимому файла. Это значит, что при изменении кода в файле, будет меняться и хеш в его имени. Таким образом, браузер будет думать, что это новый файл и скачает его себе.
Мы можем наблюдать хеши файлов
при их подключении в index.html:
<script defer="defer" src="/static/js/main.3dd63bcb.js"></script>
<link href="/static/css/main.f855e6bc.css" rel="stylesheet">
Выполните сборку проекта. Изучите, какие хеши стоят у файлов в сборке.
Не изменяя код вашего проекта выполните сборку. Убедитесь, что хеши файлов не изменятся.
Измените код вашего проекта. Выполните сборку. Убедитесь, что хеши файлов изменятся.
