Outomatiese kasuitsetting in React-bou
Julle moet reeds weet dat daar in blaaiers 'n probleem met statiese kas is. Die kern van die probleem is dat vir beter werking blaaiers style, skripte en beelde kas.
Dit beteken dat as jy iets in jou skripte of style op jou gasheer verander, sal die veranderinge slegs by nuwe webwerfbesoekers verskyn. Ou besoekers wat reeds vantevore op die webwerf was, sal die gekasde weergawe van die kode sien. Dit is natuurlik onaanvaarbaar.
Gelukkig word hierdie probleem in React outomaties opgelos. Die oplossing daarvoor is dat die boulêers, benewens die naam en uitbreiding, 'n ewekansige string het wat die hash genoem word. Hierdie hash stem ooreen met die inhoud van die lêer. Dit beteken dat wanneer die kode in die lêer verander, sal die hash in sy naam ook verander. Sodoende sal die blaaier dink dat dit 'n nuwe lêer is en dit sal dit aflaai.
Ons kan die hashes van lêers waarneem
wanneer hulle in index.html ingesluit word:
<script defer="defer" src="/static/js/main.3dd63bcb.js"></script>
<link href="/static/css/main.f855e6bc.css" rel="stylesheet">
Voer die projekbou uit. Bestudeer watter hashes by die lêers in die bou staan.
Sonder om die kode van jou projek te verander, voer die bou uit. Maak seker dat die hashes van die lêers nie sal verander nie.
Verander die kode van jou projek. Voer die bou uit. Maak seker dat die hashes van die lêers sal verander.
