Automatsko resetovanje keširanja u React build-u
Već treba da znate da u brauzerima postoji problem keširanja statičkih fajlova. Suština problema je u tome što brauzer, radi povećanja brzine rada, kešira fajlove stilova, skripti i slika.
To znači da ako na hosting-u promenite nešto u vašim skriptama ili stilovima, promene će biti vidljive samo novim posetiocima sajta. Stari posetioci, koji su već ranije bili na sajtu, videće verziju koda iz keša. Ovo je, naravno, neprilvatljivo.
Srećom, u React-u se ovaj problem rešava automatski. Njegovo rešenje sastoji se u tome, da fajlovi build-a, pored imena i ekstenzije, imaju slučajan niz karaktera, koji se zove heš. Ovaj heš odgovara sadržaju fajla. To znači da će se pri promeni koda u fajlu, menjati i heš u njegovom imenu. Tako će brauzer misliti da je to nov fajl i preuzeti ga.
Mi možemo da posmatramo heš fajlova
prilikom njihovog uključivanja u index.html:
<script defer="defer" src="/static/js/main.3dd63bcb.js"></script>
<link href="/static/css/main.f855e6bc.css" rel="stylesheet">
Izvršite build projekta. Proučite, koji heševi stoje pored fajlova u build-u.
Bez menjanja koda vašeg projekta izvršite build. Uverite se, da se heševi fajlova nisu promenili.
Promenite kod vašeg projekta. Izvršite build. Uverite se, da su se heševi fajlova promenili.
