Кастомизация пути к группам ассетов в Webpack

Можно задавать путь для сохранения для каждой группы ассетов. Это делается с помощью настройки generator, указываемой для каждой группы:

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

Сложите все картинки с расширением .png в папку images/png.

Сложите все картинки с расширением .jpg в папку images/jpg.

Сложите все файлы с расширением .zip в папку download.

Сложите все файлы с расширением .zip или .rar в папку download.