# Кастомизация пути к файлам ассета в Webpack

Можно задать путь к файлам ассетов в папке сборки. Это делается с помощью настройки `assetModuleFilename`. В этой настройке мы можем указать папку, куда складываются ассеты, а также шаблон имени файла.

В шаблоне имени команда `[name]` обозначает имя файла, команда `[hash]` - хеш, а команда `[ext]` - расширение начального файла.

Итак, давайте выполним настройку:

`export default { entry: './src/index.js', output: { filename: 'bundle.js', path: path.resolve('dist'), assetModuleFilename: 'assets/[name].[hash][ext]', // наша настройка }, module: { rules: [ { test: /\.png$/, type: 'asset/resource' } ] }, plugins: [ new HtmlWebpackPlugin(), ], };`

Сделайте так, чтобы все ассеты складывались в папку `resources`.

←→
↑