如何配置webpack捆绑未通过代码导入的文件？

Question

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

最初，我使用了文件加载器，但是由于这些字体没有在我的代码中的任何地方引用或导入，因此在我npm run build时它们不会被捆绑在一起，并且文件加载器似乎并没有可以选择将它们捆绑在一起...

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

您将在这里做什么？还有其他我不知道的装载机可以帮助我们吗？

Answer 1

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