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