React билдінде кешті автоматты түрде тазалау
Сіз браузерлерде статика кешінің мәселесі бар екенін білуіңіз керек. Мәселенің мәні мынада, браузер жұмыс істеу жылдамдығын арттыру үшін стиль файлдарын, скрипттер мен суреттерді кешейді.
Бұл дегеніміз, егер сіз хостингте өз скрипттеріңізде немесе стильдеріңізде бір нәрсені өзгертсеңіз, онда өзгерістер сайттың жаңа келушілеріне ғана көрінеді. Сайтта бұрын болған ескі келушілер кештелген нұсқаны көреді. Бұл, әрине, қолайсыз.
Бақытымызға орай, React-те бұл мәселе автоматты түрде шешіледі. Оның шешімі мынада, билд файлдары аты мен кеңейтімнен басқа хеш деп аталатын кездейсоқ жолға ие. Бұл хеш файл мазмұнына сәйкес келеді. Бұл файлдағы код өзгерген кезде, оның атындағы хеш те өзгеретінін білдіреді. Осылайша, браузер бұл жаңа файл деп ойлап, оны өзіне жүктейді.
Біз файлдардың хештерін index.html-ге
қосылған кезде байқай аламыз:
<script defer="defer" src="/static/js/main.3dd63bcb.js"></script>
<link href="/static/css/main.f855e6bc.css" rel="stylesheet">
Жобаны жинаңыз. Жинақтағы файлдардың қандай хештері бар екенін зерттеңіз.
Жоба кодын өзгертпей, жинақтауды орындаңыз. Файлдардың хештері өзгермейтініне көз жеткізіңіз.
Жоба кодын өзгертіңіз. Жинақтауды орындаңыз. Файлдардың хештері өзгеретініне көз жеткізіңіз.
