Webpack හි assets ගොනු මාර්ගය සංශෝධනය කිරීම

එකලස් කිරීමේ බහාලුම තුළ assets ගොනු සඳහා මාර්ගයක් නියම කළ හැකිය. මෙය සිදු කරනු ලබන්නේ assetModuleFilename සැකසුම භාවිතා කරමිනි. මෙම සැකසුම තුළ, assets ගබඩා කරනු ලබන බහාලුම, සහ ගොනු නාමය සඳහා රූප සැකැස්ම අපට නියම කළ හැකිය.

නාම රූප සැකැස්මේ ඇති [name] යන විධානය ගොනුවේ නම නියෝජනය කරයි, [hash] යන විධානය - හැෂ් එක, සහ [ext] යන විධානය - ආරම්භක ගොනුවේ දිගුව.

එසේ නම්, අපි සැකසුම සිදු කරමු:

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(),
  ],
};