Automaatne vahemälu tühjendamine Reacti buildis

Te peaksite juba teadma, et brauserites on staatilise vahemälu probleem. Probleemi tuumaks on see, et jõudluse parandamiseks brauser vahemälustab stiilide, skriptide ja piltide faile.

See tähendab, et kui hostingul muudate mida oma skriptides või stiilides, siis muudatused ilmuvad ainult uutel veebisaidi külastajatel. Vanad külastajad, kes on veebisaidil juba varem käinud, näevad vahemällu talletatud koodi versiooni. See on loomulikult vastuvõetamatu.

Õnneks on Reactis see probleem lahendatud automaatselt. Selle lahendus seisneb selles, et buildi failidel on peale nime ja laiendi juhuslik string, mida nimetatakse räsiks. See räsi vastab faili sisule. See tähendab, et kui faili koodi muudetakse, muutub ka räsi selle nimes. Seega arvab brauser, et see on uus fail ja laeb selle alla.

Me saame failide räsidest ülevaadet saada nende ühendamisel failis index.html:

index.html<script defer="defer" src="/static/js/main.3dd63bcb.js"></script>
<link href="/static/css/main.f855e6bc.css" rel="stylesheet">
Задание 1

Tehke projekti build. Uurige, missugused räsid on buildi failidel.

Задание 2

Oma projekti koodi muutmata tehke build. Veenduge, et failide räsid ei muutu.

Задание 3

Muutke oma projekti koodi. Tehke build. Veenduge, et failide räsid muutuvad.