未显示网页包CSS背景图像

使用网页包时，我在获取css背景图像时遇到问题

我有以下css类：

.fb {
  display: block;
  width:30px;
  height: 30px;
  background-color: red;
  background-image: url('../images/icons/facebook.png');
}

用法（使用React使className不是class）：

下面是我的“web_build”文件夹的图像，其中webpack将我的所有文件捆绑到其中。突出显示的是罪犯图像

以下是我在chrome开发工具的网络选项卡中看到的捆绑包SCSS文件。“Img”选项卡上不显示图像文件

.fb {
  display: block;
  width: 30px;
  height: 30px;
  background-color: red;
  background-image: url(1b725f86d1e04faadfad0cda2ac6ee89.png); 
}

我看到的只是一个30x30px的红方块

注:

• 如果我使用
  标记直接引用图像，图像将显示
• 我正在使用Web包开发服务器
• 我正在使用具有以下配置的图像网页包加载程序

如果需要任何其他信息，请告诉我

---

谢谢。

图像网页包加载器仅使用imagemin压缩图像。

---

使用或将文件加载到css中。

在对其进行更多搜索后，发现在my css/SASS绑定中包含sourceMap会破坏css中的相对图像URL

解决方案：关闭sourcemaps或指定完全限定的publicPath URL

以下几点对我有用

publicPath: 'http://localhost:8080'

更多信息请点击此处

publicPath: 'http://localhost:8080'