ဘရောက်ဇာများတွင် ကက်ရှ်ပြဿနာ

ဘရောက်ဇာသည် CSS စတိုင်းရှိတ်ဖိုင်များ၊ JavaScript စခရစ်ဖ်များနှင့် ရုပ်ပုံများကို ကက်ရှ်သိမ်းဆည်းသည်။ ကက်ရှ်သိမ်းဆည်းခြင်းဆိုသည်မှာ ချိတ်ဆက်ထားသောဖိုင်များကို ဘရောက်ဇာက အသုံးပြုသူသည် ဝဘ်ဆိုဒ်သို့ ပထမဆုံးအကြိမ် ဝင်ရောက်သည့်အခါမှသာ ဒေါင်းလုတ်ဆွဲခြင်းကို ဆိုလိုသည်။ နောက်ထပ်အကြိမ်များတွင် ဝင်ရောက်လာသည့်အခါ ဤဖိုင်များကို နောက်တစ်ကြိမ် ထပ်မံဒေါင်းလုတ်ဆွဲမည် မဟုတ်ဘဲ ဘရောက်ဇာ၏ ကက်ရှ်မှ ယူသွားမည်ဖြစ်သည်။

ကက်ရှ်သိမ်းဆည်းခြင်းသည် အသုံးဝင်သည်။ ၎င်းကို ဝဘ်ဆိုဒ်တစ်ခု၏ လာရောက်ဖွင့်ကြည့်မှုအရှိန်ကို မြှင့်တင်ရန် ဖန်တီးထားသည်။ အဘယ်ကြောင့်ဆိုသော် ဘရောက်ဇာအတွက် ၎င်း၏ သိုလှောင်ရာမှ ဖိုင်ကိုယူခြင်းသည် အင်တာနက်မှ အကြိမ်တိုင်း ဒေါင်းလုတ်ဆွဲခြင်းထက် ပိုမြန်သည်။

သို့သော်၊ အရှိန်အတွက် ကုန်ဆောင်ရမှုမှာ ဖွံ့ဖြိုးတည်ဆောက်ရာတွင် အဆင်မပြေမှုပင် ဖြစ်သည်။ အကြောင်းမှာ သင့်ကုဒ်ထဲတွင် တစ်စုံတစ်ရာ ပြောင်းလဲလိုက်ပြီး ထိုအပြောင်းအလဲများကို ဟိုစ်တင်ဂ်ပေါ်သို့ တင်လိုက်သည့်အခါ - သင့်ဝဘ်ဆိုဒ်သို့ ယခင်က ဝင်ရောက်ဖူးသမျှသော အသုံးပြုသူအားလုံးတွင် ကုဒ်၏ မူလကက်ရှ်သိမ်းထားသော မိတ္တူဟောင်းကိုသာ ရှိနေမည်ဖြစ်သည်။

ပြဿနာအတွက် ပထမဆုံးဖြေရှင်းချက်

ထိုသို့သော အပြုအမူကို တိုက်ဖျက်ရန် ပြောင်းလဲထားသောဖိုင်များကို အကြိမ်တိုင်း အမည်ပြန်ပေးရန် လိုအပ်သည်။ လက်တွေ့တွင် ဤနည်းသည် အဆင်မပြေသောကြောင့် အသုံးပြုသည့် ပရိယာယ်တစ်ခု ရှိသည်။ ၎င်း၏ အဓိပ္ပာယ်မှာ ဖိုင်တစ်ခုကို ချိတ်ဆက်သည့်အခါ ဖိုင်အမည်နောက်တွင် မေးခွန်းသင်္ကေတ၊ ညီမျှခြင်းသင်္ကေတနှင့် သင်၏ စခရစ်၏ ဗားရှင်းနံပါတ်ကို ထည့်သွင်းခြင်းဖြစ်သည်။ ထိုသို့သော တည်ဆောက်ပုံကို GET parameter ဟုခေါ်သည်။

ဖိုင်အမည်တွင် GET parameter တစ်ခု ပါရှိခြင်းသည် ဆာဗာတစ်ခု၏ ရှုထောင့်မှ ကြည့်လျှင် လမ်းကြောင်းကို "မပျက်စီးစေပါ"။ ထိုဖိုင်ကိုပင် ညွှန်ပြနေဆဲဖြစ်သည်။ သို့သော် ဘရောက်ဇာ၏ ရှုထောင့်မှ ကြည့်လျှင် GET parameter ပြောင်းလဲခြင်းသည် ဘရောက်ဇာကို ဖိုင်သို့ လမ်းကြောင်းပြောင်းလဲသွားသည်ဟု မှတ်ယူစေပြီး ဖိုင်ကို နောက်တစ်ကြိမ် ဒေါင်းလုတ်ဆွဲစေသည်။

ကက်ရှ်ကို တိုက်ဖျက်ရန်၊ သင်၏ ကုဒ်ဖိုင်ထဲတွင် အပြောင်းအလဲများ ပြုလုပ်သည့်အခါ သင့်အနေဖြင့် GET parameter ၏ တန်ဖိုးကို တစ်ခုတိုးပေးရန် လိုအပ်မည်။ ဤနည်းလမ်းကို အသုံးပြုသည့် နမူနာကို ကြည့်ပါ:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="styles.css?v=1">
		<script src="script.js?v=1"></script>
	</head>
	<body>
		
	</body>
</html>

ဒုတိယ ဖြေရှင်းချက်

ပိုမိုတိုးတက်သော နည်းလမ်းလည်း ရှိပါသည်။ ၎င်းမှာ ဖိုင်များ၏ အမည်များထဲသို့ ကျပန်းစာကြောင်းများ ထည့်သွင်းခြင်းဖြစ်သည်။ ဥပမာအားဖြင့် ဤကဲ့သို့ဖြစ်သည်:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="styles.398db7afe3b52e94bb25.css">
		<script src="script.1d12c304c284a752cb9a.js"></script>
	</head>
	<body>
		
	</body>
</html>

ဤစာကြောင်းများကို ဟက်ရှ် ဟုခေါ်သည်။ ဟက်ရှ်သည် တစ်မူထူးခြားသော စာကြောင်းတစ်ခုကို ကိုယ်စားပြုသည်။ ၎င်းကို ဖိုင်၏အကြောင်းအရာမှ အထူးနည်းလမ်းဖြင့် တွက်ချက်ယူသည်။ ဆိုလိုသည်မှာ စာသားတစ်ခုစီသည် ၎င်း၏ကိုယ်ပိုင် တစ်မူထူးခြားသော ဟက်ရှ်နှင့် ကိုက်ညီသည်။ ဖိုင်၏စာသား ပြောင်းလဲသွားပါက ထို့နောက် ၎င်း၏ဟက်ရှ်သည်လည်း ကွဲပြားသွားမည်ဖြစ်ပြီး ကျွန်ုပ်တို့သည် ဖိုင်အမည်ထဲတွင် ၎င်းကို ပြောင်းလဲရန် လိုအပ်မည်။

လက်ဖြင့် ဟက်ရှ်များကို တွက်ချက်ခြင်းနှင့် ဖိုင်များကို အမည်ပြန်ပေးခြင်းသည် ကောင်းသောအလုပ် မဟုတ်ပေ။ ထို့ကြောင့် ဤနည်းလမ်းကို ဟက်ရှ်များကို အလိုအလျောက်တွက်ချက်ပေးနိုင်ပြီး ဖိုင်များကို အမည်ပြန်ပေးနိုင်ကာ ဖိုင်အမည်များကို HTML ဖိုင်များထဲတွင် အသစ်များအဖြစ် ပြောင်းလဲပေးနိုင်သည့် ကိရိယာတစ်ခု ကျွန်ုပ်တို့၌ရှိမှသာ အသုံးပြုသည်။ ဤအရာအားလုံးကို Webpack က လုပ်ဆောင်ခွင့်ပေးသည်။ ဤသင်ခန်းစာတစ်လျှောက်လုံးတွင် ကျွန်ုပ်တို့ သင်ယူသွားမည် ဖြစ်သည်။