Samodejno ponastavljanje predpomnilnika v gradnji React
Že morate vedeti, da v brskalnikih obstaja težava s predpomnilnikom statičnih vsebin. Bistvo težave je v tem, da za povečanje hitrosti brskalnik predpomniša datoteke slogov, skript in slik.
To pomeni, da če na gostovanju spremenite kaj v vaših skriptah ali slogih, se bodo spremembe pojavile le pri novih obiskovalcih spletnega mesta. Stari obiskovalci, ki so bili na spletnem mestu že prej, bojo videli predpomnjene različice kode. To seveda ni sprejemljivo.
Na srečo se v React ta težava reši samodejno. Njena rešitev je v tem, da imajo datoteke gradnje, poleg imena in končnice, naključni niz, ki se imenuje hash. Ta hash ustreza vsebini datoteke. To pomeni, da ob spremembi kode v datoteki, se bo spremenil tudi hash v njenem imenu. Tako bo brskalnik mislil, da je to nova datoteka in jo bo prenesel.
Hash datotek lahko opazimo
pri njihovi priklopitvi v index.html:
<script defer="defer" src="/static/js/main.3dd63bcb.js"></script>
<link href="/static/css/main.f855e6bc.css" rel="stylesheet">
Izvedite gradnjo projekta. Preučite, kakšni hash-i so pri datotekah v gradnji.
Brez spreminjanja kode vašega projekta izvedite gradnjo. Prepričajte se, da se hash-i datotek ne bodo spremenili.
Spremenite kodo vašega projekta. Izvedite gradnjo. Prepričajte se, da se bodo hash-i datotek spremenili.
