Webpack 5. Asset Modules. Как казать нужные пути для изображений и шрифтов?

Если вы используете webpack 5, вы наверняка знаете про Asset Modules, модуль, который предназначен для замены сразу 3 лоадерам, в частности и file-loader, так вот, раньше можно было в патерне прописать , условно, {from: 'src/img', to: 'dist/img'}. Сейчас не могу понять как мне сделать такой бандл:

"src/fonts/Roboto/Roboto-Regular.woff2" ---> "dist/assets/fonts/Roboto/Roboto-Regular.woff2".

У меня есть что-то такое:

 {
    test: /\.(woff(2)?|eot|ttf|otf)$/,
    type: 'asset/resource',
    generator: {
      filename: `assets/fonts/[name][ext]`,
    }
  },

Но тут не понимаю как прописать нужную папку, ну и хочется, чтобы и изображения находились по папкам на выходе, если изображение лежит тут

--src
  --img
    --banners

то и на выходе получить что-то подобное

--dist
  --assets
    --img
      --banners

Если кто-то сталкивался и решил задачу, буду рад помощи. С уловным file-loader это сделать легко, но ведь данный модуль сделан для замены старого


Ответы (0 шт):