রিয়েক্ট বিল্ডে ক্যাশে স্বয়ংক্রিয় রিসেট
আপনি ইতিমধ্যেই জানেন যে ব্রাউজারে স্ট্যাটিক ক্যাশে সমস্যা রয়েছে। সমস্যাটির মূল要点 হল যে কর্মক্ষমতা বাড়ানোর জন্য ব্রাউজার স্টাইল, স্ক্রিপ্ট এবং ইমেজ ফাইল ক্যাশে করে রাখে।
এর মানে হল যে যদি হোস্টিংয়ে আপনি আপনার স্ক্রিপ্ট বা স্টাইলে কিছু পরিবর্তন করেন, তবে পরিবর্তনগুলি শুধুমাত্র নতুন সাইট visitorsদের কাছে দেখা যাবে। পুরানো visitorsরা, যারা ইতিমধ্যেই সাইটে ছিলেন, তারা ক্যাশে করা কোডের সংস্করণ দেখতে পাবেন। এটি, অবশ্যই, গ্রহণযোগ্য নয়।
সৌভাগ্যবশত, রিয়েক্টে এই সমস্যাটির সমাধান স্বয়ংক্রিয়ভাবে করা হয়। এর সমাধান হল যে বিল্ড ফাইলগুলি, নাম এবং এক্সটেনশন ছাড়াও, একটি এলোমেলো স্ট্রিং ধারণ করে, যাকে বলা হয় হ্যাশ। এই হ্যাশটি ফাইলের বিষয়বস্তুর সাথে মেলে। এর মানে হল যে ফাইলের কোড পরিবর্তন发生时 তার নামের হ্যাশও পরিবর্তিত হবে। এইভাবে, ব্রাউজার ভাববে যে এটি একটি নতুন ফাইল এবং এটিকে ডাউনলোড করবে।
আমরা ফাইলগুলির হ্যাশ দেখতে পারি
যখন সেগুলি index.html-এ সংযুক্ত করা হয়:
<script defer="defer" src="/static/js/main.3dd63bcb.js"></script>
<link href="/static/css/main.f855e6bc.css" rel="stylesheet">
প্রকল্পটি বিল্ড করুন। বিল্ডে ফাইলগুলিতে কোন হ্যাশ রয়েছে তা অধ্যয়ন করুন।
আপনার প্রকল্পের কোড পরিবর্তন না করে বিল্ড করুন। নিশ্চিত হন যে ফাইলগুলির হ্যাশ পরিবর্তিত হবে না।
আপনার প্রকল্পের কোড পরিবর্তন করুন। বিল্ড করুন। নিশ্চিত হন যে ফাইলগুলির হ্যাশ পরিবর্তিত হবে।
