Reset Cache Automatik dalam Binaan React
Anda sepatutnya sudah tahu bahawa dalam pelayar wujud masalah cache statik. Intipati masalah ialah untuk meningkatkan prestasi, pelayar meng-cache fail gaya, skrip dan imej.
Ini bermakna jika anda menukar sesuatu dalam skrip atau gaya anda di hos, perubahan hanya akan muncul untuk pelawat baru laman web. Pelawat lama, yang pernah melawat laman web sebelum ini, akan melihat versi kod yang di-cache. Ini, sudah tentu, tidak boleh diterima.
Nasib baik, dalam React masalah ini diselesaikan secara automatik. Penyelesaiannya ialah fail binaan, selain nama dan sambungan, mempunyai rentetan rawak yang dipanggil hash. Hash ini sepadan dengan kandungan fail. Ini bermakna apabila kandungan kod dalam fail berubah, hash dalam namanya juga akan berubah. Dengan cara ini, pelayar akan berfikir bahawa ia adalah fail baru dan akan memuat turunnya.
Kita boleh melihat hash fail
apabila ia disambungkan dalam index.html:
<script defer="defer" src="/static/js/main.3dd63bcb.js"></script>
<link href="/static/css/main.f855e6bc.css" rel="stylesheet">
Laksanakan binaan projek. Kaji, hash apakah yang terdapat pada fail dalam binaan.
Tanpa mengubah kod projek anda, laksanakan binaan. Pastikan hash fail tidak berubah.
Ubah kod projek anda. Laksanakan binaan. Pastikan hash fail berubah.