Роҳи фармоиш додани assets дар Webpack

Барои ҳар як гурӯҳи assets метавон роҳи нигоҳдорӣ таъин кард. Ин бо танзимоти generator анҷом дода мешавад, ки барои ҳар як гурӯҳ ишора карда мешавад:

webpack.config.jsexport default {
  entry: './src/index.js',
  output: {
    filename: 'bundle.js',
    path: path.resolve('dist'),
  },
  module: {
    rules: [
      {
        test: /\.png$/,
        type: 'asset/resource',
        generator: {
          filename: 'images/[name].[hash][ext]'
        }
      }
    ]
  },
  plugins: [
    new HtmlWebpackPlugin(),
  ],
};