React-ի 빔բռվածքում ավտոմատ կեշի զրոյացում
Դուք արդեն պետք է իմանաք, որ դիտարկիչներում գոյություն ունի ստատիկայի կեշի խնդիր: Խնդիրն այն է, որ արագագործությունը բարձրացնելու համար դիտարկիչը կեշավորում է ստիլերի, սկրիպտների և պատկերների ֆայլերը:
Սա նշանակում է, որ եթե հոստինգում դուք փոխեք ինչ-որ բան ձեր սկրիպտներում կամ ստիլներում, ապա փոփոխությունները կհայտնվեն միայն կայքի նոր այցելուների մոտ: Հին այցելուները, որոնք արդեն եղել են կայքում նախկինում, կտեսնեն կեշավորված կոդի տարբերակը: Սա, իհարկե, անընդունելի է:
Բարեբախտաբար, React-ում այս խնդիրը լուծվում է ավտոմատ կերպով: Դրա լուծումը կայանում է նրանում, որ 빔բռվածքի ֆայլերը, բացի անունից և ընդլայնումից, ունեն պատահական տող, որը կոչվում է հեշ: Այս հեշը համապատասխանում է ֆայլի պարունակությանը: Սա նշանակում է, որ ֆայլի կոդի փոփոխության դեպքում կփոխվի նաև դրա անվան հեշը: Այսպիսով, դիտարկիչը կմտածի, որ սա նոր ֆայլ է և կներբեռնի այն իրեն:
Մենք կարող ենք դիտարկել ֆայլերի հեշերը
դրանց միացման ժամանակ index.html-ում:
<script defer="defer" src="/static/js/main.3dd63bcb.js"></script>
<link href="/static/css/main.f855e6bc.css" rel="stylesheet">
Կատարեք ծրագրի 빔բռվածքը: Ուսումնասիրեք, թե ինչ հեշեր են դրված 빔բռվածքի ֆայլերում:
Չփոխելով ձեր ծրագրի կոդը կատարեք 빔բռվածք: Համոզվեք, որ ֆայլերի հեշերը չեն փոխվի:
Փոխեք ձեր ծրագրի կոդը: Կատարեք 빔բռվածք: Համոզվեք, որ ֆայլերի հեշերը կփոխվեն: