# Кастомизация пути к группам ассетов в 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`.

← →
↑