小编obc*_*omv的帖子

我尝试配置 Webpack 5，使其保留图像和字体的资源文件夹结构。

我有以下结构：

- /app
    /assets
        /images
            /topic1
            /topic2
        /fonts

在我的 webpack 配置中，我已经配置了 Assets 模块，如下所示：

{
    test: /\.(png|svg|jpg|jpeg|gif|xml)$/i,
    type: 'asset/resource'
}
...
same for Font files...

如果我运行 Webpack 5 构建，它会默认将资源以dist/平面结构复制到我的文件夹中，例如文件夹下面的图像/topic1会直接复制到dist/my-topic1-img.png但实际上我希望将其放在这里：dist/assets/images/topic1/my-topic1-img.png。

我怎样才能轻松实现这一目标？

我在这里看到了这个文档链接： https: //webpack.js.org/configuration/module/#rulegeneratorfilename。因此，我假设解决方案可能是编写一些自定义filename函数，该函数将根据文件路径动态设置新文件名，包括每个资产的路径元素。

Webpack 5 是否支持这样的开箱即用配置，或者我真的需要为此编写一些自定义函数吗？

感谢您的帮助和投入。