Автоматично ресетирање на кешот во React билдот
Веќе треба да знаете дека во прелистувачите постои проблем со кеширање на статиката. Суштината на проблемот е во тоа што за да се подобри брзината, прелистувачот кешира датотеки со стилови, скрипти и слики.
Ова значи дека ако на хостингот промените нешто во вашите скрипти или стилови, промените ќе се појават само кај новите посетители на веб-страницата. Старите посетители, кои веќе претходно биле на страницата, ќе ја гледаат закешираната верзија на кодот. Ова, се разбира, е неприфатливо.
За среќа, во React овој проблем се решава автоматски. Нејзиното решение се состои во тоа, што датотеките од билдот, покрај името и екстензијата, имаат случаен стринг, кој се нарекува хеш. Овој хеш одговара на содржината на датотеката. Ова значи дека при промена на кодот во датотеката, ќе се менува и хешот во нејзиното име. На овој начин, прелистувачот ќе мисли дека е нова датотека и ќе ја преземе.
Можеме да ги набљудуваме хешовите на датотеките
при нивното поврзување во index.html:
<script defer="defer" src="/static/js/main.3dd63bcb.js"></script>
<link href="/static/css/main.f855e6bc.css" rel="stylesheet">
Извршете сборка на проектот. Проучете, какви хешови стојат кај датотеките во сборката.
Без да го менувате кодот на вашиот проект извршете сборка. Погрижете се, дека хешовите на датотеките нема да се променат.
Сменете го кодот на вашиот проект. Извршете сборка. Погрижете се, дека хешовите на датотеките ќе се сменат.
