Webpack တွင် Asset ဖိုင်လမ်းကြောင်းကို အသုံးပြုသူစိတ်ကြိုက်ပြင်ဆင်ခြင်း

Build ဖိုလ်ဒါအတွင်းရှိ asset ဖိုင်များသို့ လမ်းကြောင်းတစ်ခုသတ်မှတ်နိုင်ပါသည်။ ၎င်းကို assetModuleFilename ဆက်တင်ကိုအသုံးပြု၍ လုပ်ဆောင်သည်။ ဤဆက်တင်တွင် ကျွန်ုပ်တို့သည် asset များထည့်သွင်းထားသည့် ဖိုလ်ဒါနှင့် ဖိုင်အမည်ပုံစံကို သတ်မှတ်ပေးနိုင်ပါသည်။

အမည်ပုံစံတွင် [name] command သည် ဖိုင်အမည်ကို ကိုယ်စားပြုပြီး၊ [hash] command သည် hash ကို၊ [ext] command သည် မူလဖိုင်၏ ချဲ့ထွင်အမျိုးအစားကို ကိုယ်စားပြုပါသည်။

ထို့ကြောင့် ဆက်တင်ကို လုပ်ဆောင်ကြပါစို့။

export default {
	entry: './src/index.js',
	output: {
		filename: 'bundle.js',
		path: path.resolve('dist'),
		assetModuleFilename: 'assets/[name].[hash][ext]', // ကျွန်ုပ်တို့၏ဆက်တင်
	},
	module: {
		rules: [
			{
				test: /\.png$/,
				type: 'asset/resource'
			}
		]
	},
	plugins: [
		new HtmlWebpackPlugin(),
	],
};

Asset အားလုံးကို resources ဖိုလ်ဒါထဲသို့ �ည့်သွင်းရန် ပြင်ဆင်ပါ။