Personnalisation du chemin vers les groupes d'assets dans Webpack

Il est possible de définir un chemin de sauvegarde pour chaque groupe d'assets. Cela se fait via le paramètre generator, spécifié pour chaque groupe :

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