如何配置 webpack 以捆绑未在代码中导入的文件？

Question

我有一个第三方提供的 CSS 文件（我无法修改），它希望某些字体文件位于特定文件夹中。

最初，我使用了一个文件加载器，但由于这些字体没有在我的代码中的任何地方被引用或导入，所以当我 npm run build 时它们没有被捆绑，并且文件加载器没有似乎无论如何都可以选择捆绑它们...

我还寻找了其他无论如何都可以导出文件的加载器，但我没有找到任何有用的东西。

你会在这里做什么？有没有其他我不知道的装载机可以帮助我们？

Answer 1

您可以配置模块规则以将 css-loader 与您的供应商样式一起使用。它将使用 webpack 的模块解析器将 url 和 @import 名称解析为请求。这将允许您为供应商的字体文件配置正确的加载程序。