Webpack में assets groups के पथ को कस्टमाइज़ करना

सेव करने के लिए पथ निर्दिष्ट किया जा सकता है प्रत्येक assets group के लिए। यह generator सेटिंग का उपयोग करके किया जाता है, जो प्रत्येक group के लिए निर्दिष्ट की जाती है:

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