Webpack 无法正确解析网页包附加块中的CSS url路径

我使用网页包的代码拆分功能来延迟加载我的angular应用程序。我想把一些css放在额外的块中，让应用程序延迟加载这些样式，但我发现这些css中的url路径无法正确解析。见以下附件： 我有一个h4标签的背景样式，但无法正确解析。同时，我有另一个img标签，它在这个页面上使用相同的url，路径在src属性中硬编码，它可以正确显示。

======更新======

我的网页配置在这里：，问题中提到的styl文件在这里：，标题HTML文件在这里：

---

另一件需要注意的事情是，当我右键单击第一张图片中的url链接并选择“在新链接中打开”时，我得到的完整url是

chrome-devtools://devtools/bundled/assets/images/logo.46e065707257b2930a699c7cdacd7e86.png

，我认为这是图片无法显示的主要原因。

如果看不到应用程序的目录结构，这很难诊断，但我假设您的CSS文件与HTML文件不在同一目录中，因此路径

资产/图像

对于CSS中的

背景

属性实际上是不正确的文件，但对于HTML中的

标记是正确的

您希望URL以斜杠作为开头，例如

/assets/images

，因此CSS文件驻留在哪里并不重要，它们将始终从根解析

尝试在您的网页包配置中使用

output: {
    publicPath: '/'
}

---

谢谢@Matt的解释，我在问题中添加了配置文件和实时文件链接。你能帮我检查一下有没有错误吗？我还尝试了

publicPath

参数，但遇到了一个奇怪的问题，即给我一个“unpr”错误。