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