Automatisk tilbakestilling av cache i React-bygg
Du bør allerede vite at i nettlesere finnes det et problem med statisk cache. Kjernen i problemet er at for å øke yteevnen, mellomlagrer nettleseren filer for stiler, skript og bilder.
Dette betyr at hvis du endrer noe i skriptene eller stilene dine på hosting, vil endringene kun vises for nye besøkende på nettstedet. Gamle besøkende, som allerede har vært på nettstedet tidligere, vil se den mellomlagrede versjonen av koden. Dette er selvfølgelig uakseptabelt.
Heldigvis løses dette problemet automatisk i React. Løsningen består i at byggfilene, i tillegg til navn og filtype, har en tilfeldig streng, som kalles hash. Denne hashen tilsvarer innholdet i filen. Dette betyr at når koden endres i filen, vil hashen i navnet også endres. Dermed vil nettleseren tro at det er en ny fil og laste den ned.
Vi kan observere filhashene
når de inkluderes i index.html:
<script defer="defer" src="/static/js/main.3dd63bcb.js"></script>
<link href="/static/css/main.f855e6bc.css" rel="stylesheet">
Utfør bygg av prosjektet. Studer hvilke hasher som står på filene i bygget.
Uten å endre koden i prosjektet ditt, utfør bygg. Forsikre deg om at filhashene ikke endres.
Endre koden i prosjektet ditt. Utfør bygg. Forsikre deg om at filhashene endres.
