使用Webpack将CSS中的相对URL转换为绝对URL并忽略本地存在

Question

我的构建目录中有一个由第三方创建的样式表。它称为file.scss，看起来像这样（简化）：

import './styles/file.scss';

其css文件中的url的所有路径（图像，字体）均相对于cdn.com域。我想使用webpack将它们转换为绝对值。

我的webpack配置如下：

.something {
  background-image: url(https://cdn.com/fonts/OpenSans-Bold.ttf);
}

@font-face {
  font-family: 'YourFontName';
  src: url(https://cdn.com/images/image.jpeg);
}

index.js文件：

ModuleNotFoundError: Module not found: Error: Can't resolve '../image.jpeg'

当字体和图像文件存在于本地目录中正确的位置时，Webpack构建成功并产生以下输出：

{{1}}

但是，当文件不存在时，我看到以下错误：

{{1}}

有什么办法让webpack文件加载器忽略文件位置，而只用相对URL替换绝对URL？由于CDN上对静态文件的引用过多，并且该文件被远程拉出，因此如果将来有任何更新，我希望在不需要本地源文件的情况下进行更新。