Css webpack将一些图像转换为URL，并向其他图像添加字符

我正在尝试将带有着色覆盖的平铺背景图像应用于我的项目。在我的其他节点包中，我正在使用带有节点sass的webpack、sass加载程序、css加载程序、文件加载程序和url加载程序

我有两张背景图片，我正在测试它们的外观，在这两张图片之间切换，因为背景是我遇到问题的地方

下面是一些俏皮话：

body{
    background:
        linear-gradient(
            rgba($color4, .5),
            rgba($color4, .5)
        ),
        url('../assets/dark_fish_skin.png')
        // url('../assets/noisy_grid.png')
    ;
    background-repeat: repeat;
    color: $color2;
}

这里看一下sass文件、文件目录和我的src文件中的两个图像，只是为了给出整体上下文（编译后的输出被发送到

public

文件夹）：

当我以

dark_fish_skin.png

作为背景图像运行webpack时，图像通过良好处理，因为它被转换为base64编码的url：

当我切换到

noised_grid.png

图像并运行webpack时，图像作为常规图像显示，但结尾附加了一个缓存buster（假设），文件被移动到公共目录中，但名称中没有缓存buster，我得到一个错误，因为css引用与图像名称不匹配：

（请原谅公共目录混乱，这仍然是一个wip）

我一直在看文档，但还没有找到解决这个问题的方法

---

两个问题：为什么会发生这种情况（链接到文档中的解释会很好）以及我将如何解决这一问题？

节点sass不会转换url连接，除非您应用某种类型的iTerporation。看见

---

这很可能是webpack中的某个东西在做它

节点sass不会转换url连接，除非您应用某种类型的iTerporation。看见 这很可能是网页包中的某个东西在做这件事