React билдида кешни автожараёнда тозалаш
Сиз браузерларда статик файлларнинг кеш муаммоси мавжудлигини билишингиз керак. Муаммонинг моҳияти шундаки, иш тезлигини ошириш учун браузер uslub, skript va tasvir файлларини кешлайди.
Бу шунни англатадики, агар хостингда сиз ўз скриптларингизда ёки uslubлардингизда ўзгартирсаңиз, ўзгаришлар фақат сайтнинг янги ташриф буюрувчиларигагина кўринади. Эски ташриф буюрувчилар, олдинроқ сайтда бўлганлар, кешланган код версиясини кўрадилар. Бу, албатта, қабул қилиб бўлмайди.
Хурсандчиликка сабаб, Reactда бу муаммо автожараёнда ҳал этилади. Унинг ечими шундаки, билд файллари, номи ва кенгайтмасидан ташқари, tasodifiy сатрга эга бўлиб, у хеш деб аталади. Бу хеш файлнинг таркибига мос келади. Бу шунни англатадики, файлдаги код ўзгарганда, унинг номидаги хеш ҳам ўзгаради. Шу тариқа, браузер бу янги файл деб ўйлаб уни ўзига юклаб олади.
Биз файлларнинг хешларини
улар index.html га уланганда кузатишимиз мумкин:
<script defer="defer" src="/static/js/main.3dd63bcb.js"></script>
<link href="/static/css/main.f855e6bc.css" rel="stylesheet">
Лойихани жамланг. Жамланмадаги файлларда қандай хешлар турганини ўрганинг.
Лойиха кодини ўзгартирмай жамланмани бажаринг. Файлларнинг хешлари ўзгармаслигига ишонч ҳосил қилинг.
Лойиха кодини ўзгартиринг. Жамланмани бажаринг. Файлларнинг хешлари ўзгаришига ишонч ҳосил қилинг.