Аўтаматычны скід кэшу ў зборцы React
Вы ўжо павінны ведаць, што ў браўзэрах існуе праблема кэшу статыкі. Сутнасць праблемы ў тым, што для павышэння хуткадзейнасці браўзэр кэшуе файлы стыляў, скрыптаў і выяў.
Гэта значыць, што калі на хастынгу вы зменіце што-небудзь у вашых скрыптах або стылях, то змены з'яўляцца толькі ў новых наведвальнікаў сайта. Старыя наведвальнікі, якія ўжо былі на сайце раней, будуць бачыць закэшаваную версію кода. Гэта, вядома ж, непрымальна.
На шчасце, у React гэтая праблема вырашаецца аўтаматычна. Яе рашэнне складаецца ў тым, што файлы зборкі, акрамя імя і пашырэння, маюць выпадковы радок, які называецца хэш. Гэты хэш адпавядае змесціву файла. Гэта значыць, што пры змене кода ў файле, будзе мяняцца і хэш у яго імі. Такім чынам, браўзэр будзе думаць, што гэта новы файл і спампуе яго сабе.
Мы можам назіраць хэшы файлаў
пры іх падключэнні ў index.html:
<script defer="defer" src="/static/js/main.3dd63bcb.js"></script>
<link href="/static/css/main.f855e6bc.css" rel="stylesheet">
Выканайце зборку праекта. Вывучыце, якія хэшы стаяць у файлаў у зборцы.
Не змяняючы код вашага праекта выканайце зборку. Пераканайцеся, што хэшы файлаў не зменяцца.
Зменіце код вашага праекта. Выканайце зборку. Пераканайцеся, што хэшы файлаў зменяцца.
