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 это сделать легко, но ведь данный модуль сделан для замены старого