如何使 webpack 5 不在与 bundle.js 相同的文件夹中输出字体文件

Question

我想使用带有 sass 的 font awesome 免费包来让 webpack 编译所有内容（使用 webfonts），所以我按照他们的指南去做。我设法做到了并且工作正常，只是我不想将字体文件输出到与 bundle.js 相同的文件夹中。

我想在图片中显示的字体文件夹中输出，这样就不乱了。

找到了一种将它们输出到特定文件夹的解决方案，但现在它也输出到特定文件夹和文档中。 （他们俩）

我遵循了互联网上的一些指南，所以我使用规则来制作我想要的东西，比如使用 url-loader 和 file-loader。

1- First（已弃用）：配置 webpack 以在单独的子文件夹中输出图像/字体 2- Docs Wepack 4（以前）：https://v4.webpack.js.org/loaders/url-loader/ （这里我 npm 安装了 url-loader 和 file-loader） 3-实际的 webpack 5（说以前的方式已弃用但仍然有效）：https://webpack.js.org/guides/asset-modules

为了工作，更改了 webpack.config.js 文件。但它不应该直接在文档文件夹上输出，只能在字体上输出，现在它们都是，我需要它只在字体文件夹上，而不是在文档上。

提前致谢。