Automatisk cacheåterställning i React-bygge

Du borde redan veta att i webbläsare finns det ett problem med cache av statiskt innehåll. Kärnan i problemet är att för att öka prestandan cachar webbläsaren filer för stilar, skript och bilder.

Det betyder att om du på webbhotellet ändrar något i dina skript eller stilar, kommer förändringarna bara att visas för nya webbplatsbesökare. Gamla besökare, som redan har varit på webbplatsen tidigare, kommer att se den cachade versionen av koden. Detta är naturligtvis oacceptabelt.

Lyckligtvis löses detta problem automatiskt i React. Lösningen består i att byggfilerna, förutom namn och filtillägg, har en slumpmässig sträng som kallas hash. Denna hash motsvarar innehållet i filen. Det betyder att när koden ändras i filen, kommer hashen i dess namn att ändras. På så sätt kommer webbläsaren att tro att det är en ny fil och ladda ner den.

Vi kan observera filhashes när de ingår i index.html: