React билдинде кешти автоматтык түрдө баштапкы абалга келтирүү
Сиз браузерлерде статикалык файлдардын кеш проблемасы бар экенин билишиңиз керек. Проблеманын мәниси, браузер ылдамдыгын жогорулатуу үчүн стиль файлдарын, скрипттерди жана сүрөттөрдү кештеп сактайт.
Бул демек, эгерде сиз хостантиңизде скрипттериңизде же стилдериңизде бир нерсени өзгөртсөңüz, анда өзгөрүүлөр сайттын жаңы зыяратчыларында гана көрүнөт. Мурун сайтта болгон эски зыяратчылар кештелген код версиясын көрүшөт. Бул, албетте, кабыл алынбайт.
Бакытка жараша, Reactте бул проблема автоматтык түрдө чечилет. Анын чечими, билд файлдары аталышы жана кеңейтилиши менен катар, хеш деп аталган туш келди сапты камтыйт. Бул хеш файлдын мазмунуна туура келет. Бул демек, файлдын ичиндеги код өзгөргөндө, анын аталышындагы хеш да өзгөрөт. Ошентип, браузер бул жаңы файл деп ойлойт жана аны өзүнө жүктөп алат.
Биз файлдардын хештерин алар
index.html файлына туташтырылганда көрө алабыз:
<script defer="defer" src="/static/js/main.3dd63bcb.js"></script>
<link href="/static/css/main.f855e6bc.css" rel="stylesheet">
Долбоорду чогултуңуз. Чогултмадагы файлдарда кайсы хештер турганын изилдеңиз.
Долбооруңуздун кодуна тийбестен чогултууну иштетиңиз. Файлдардын хештери өзгөрбөгөнүнө ынаныңыз.
Долбооруңуздун кодуна өзгөртүү киргизиңиз. Чогултууну иштетиңиз. Файлдардын хештери өзгөргөнүнө ынаныңыз.
