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

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

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

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

webpack.config.jsexport 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(),
  ],
};