Angular CLI-如何解析CSS或SCS中的url？

我有一个组件，其SCS使用

背景图像：url（'./logo.jpg'）

引用同一组件文件夹中的图像

删除前导字符/也无济于事。在任何情况下，图像都不会显示在浏览器中

我正在运行

ng serve

并查看

dist

文件夹，logo.jpg确实被复制并按预期放置在同一个组件文件夹中

我还希望能够引用我的.css或.scss文件所在文件夹之外的其他位置的图像，使用相对路径，就像我对.ts文件中的component.html和.css所做的那样

---

我想我需要某种url解析器，可以在输出的.css文件上生成完整的url。如何获得这样的解析器，以及如何在Angular CLI中配置它？

我注意到了类似的行为

看起来，在Assets文件夹下的CSS中引用的图像被提取并提供guid，而这不适用于组件级CSS

最后，我复制了Assets文件夹下的图像文件（没有在Angular cli.json中引用它），然后我可以在组件CSS中引用它，方法是：

---

背景：url（assets/img/bgs/footer.png）

也有同样的问题。通过将Less/Sass文件中的路径更改为

url（/assets/path\u to\u img）

解决了这个问题，它应该可以工作。不要忘记开头的“

/

”，并将您的图像放入资产文件夹。

尝试使用此背景图像：url（“./~/assets/images/artist bg.jpg”）