Tùy chỉnh đường dẫn đến các nhóm assets trong Webpack

Bạn có thể thiết lập đường dẫn lưu trữ cho từng nhóm assets. Điều này được thực hiện thông qua cấu hình generator, được chỉ định cho từng nhóm:

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