5 of 10 menu

React Buildida Avtomatik Keshni Tozalash

Siz allaqachon bilishingiz kerakki, brauzerlarda statik fayllar keshi muammosi mavjud. Muammoning mohiyati shundaki, brauzer ishlash tezligini oshirish uchun uslublar, skriptlar va rasmlar fayllarini keshlaydi.

Bu shuni anglatadiki, agar siz hostingda o'zingizning skriptlaringizda yoki uslublaringizda biron bir o'zgartirish qilsangiz, o'zgarishlar faqat saytning yangi tashrif buyuruvchilarida paydo bo'ladi. Ilgari saytga tashrif buyurgan eski tashrif buyuruvchilar, keshlangan kod versiyasini ko'radilar. Bu, albatta, qabul qilib bo'lmaydigan holatdir.

Xursandchilik shundaki, Reactda bu muammo avtomatik ravishda hal qilinadi. Uning yechimi shundan iboratki, build fayllari, nomi va kengaytmasidan tashqari, tasodifiy qatorga ega bo'lib, u hash deb ataladi. Ushbu hash fayl tarkibiga mos keladi. Bu shuni anglatadiki, fayldagi kod o'zgarganda, uning nomidagi hash ham o'zgaradi. Shunday qilib, brauzer buni yangi fayl deb o'ylaydi va uni o'ziga yuklab oladi.

Biz fayllarning hash larini ulanishlarida index.html da kuzatishimiz mumkin:

<script defer="defer" src="/static/js/main.3dd63bcb.js"></script> <link href="/static/css/main.f855e6bc.css" rel="stylesheet">

Loyihani build qiling. Builddagi fayllarda qanday hash lar ishlatilganligini o'rganing.

Loyiha kodini o'zgartirmasdan buildni bajaring. Fayllarning hash lari o'zgarmasligiga ishonch hosil qiling.

Loyiha kodingizni o'zgartiring. Buildni bajaring. Fayllarning hash lari o'zgarishiga ishonch hosil qiling.

kkfrhiuzro