React Build-də Avtomatik Cache Sıfırlama
Bildiyiniz kimi, brauzerlərdə statik faylların cache problemi var. Problemin mahiyyəti ondadır ki, performansı artırmaq üçün brauzer stylesheet, script və şəkil fayllarını cache-ləşdirir.
Bu o deməkdir ki, əgər hostingdə scriptlərindəz və ya style-larınızda dəyişiklik etsəniz, dəyişikliklər yalnız saytın yeni ziyarətçilərində görünəcək. Əvvəllər saytda olmuş köhnə ziyarətçilər cache-lənmiş versiyanı görəcəklər. Bu, əlbəttə ki, qəbuledilməzdir.
Xoşbəxtlikdən, React-də bu problem avtomatik həll olunur. Onun həlli ondan ibarətdir ki, build faylları, ad və genişlənmə ilə yanaşı, təsadüfi sətirə malikdirlər, buna hash deyilir. Bu hash faylın məzmununa uyğun gəlir. Bu o deməkdir ki, fayldakı kodu dəyişdikdə, onun adındakı hash da dəyişəcək. Beləliklə, brauzer bunun yeni fayl olduğunu düşünəcək və onu özünə yükləyəcək.
Biz faylların hash-lərini onların
index.html-də birləşdirilməsində müşahidə edə bilərik:
<script defer="defer" src="/static/js/main.3dd63bcb.js"></script>
<link href="/static/css/main.f855e6bc.css" rel="stylesheet">
Layihəni build edin. Build-dəki faylların hansı hash-lərə malik olduğunu öyrənin.
Layihə kodunuzu dəyişdirmədən build edin. Faylların hash-lərinin dəyişmədiyinə əmin olun.
Layihə kodunuzu dəyişdirin. Build edin. Faylların hash-lərinin dəyişdiyinə əmin olun.
