我有一个组件，其SCSS使用dist引用同一组件文件夹中的图像。
删除前导./也无济于事。在任何情况下，图像都不会在浏览器中显示。
我正在运行{{1}}并查看{{1}}文件夹，logo.jpg确实被复制并放置在与预期相同的组件文件夹中。
我还希望能够引用我的.css或.scss文件所在文件夹之外的其他位置的图像，使用相对路径，就像我从.ts文件中使用我的组件.html和.css一样。
我想我需要某种url解析器，它会在输出的.css文件中生成完整的URL。我如何获得这样的解析器以及如何在Angular CLI中配置它？
答案 0 :(得分：3)
有同样的问题。通过将Less / Sass文件中的路径更改为url(/assets/path_to_img)来解决它，它应该可以工作。不要忘记开头的“/”并将图像放在资源文件夹中。
答案 1 :(得分：2)
我注意到了类似的行为。
似乎在Assets文件夹下的CSS中引用的图像被提取并被赋予guid，而这同样不适用于组件级CSS。
最后我将图像文件复制到Assets文件夹下（没有在Angular-cli.json中引用它）然后我能够在组件CSS中引用它：
background：url（assets / img / bgs / footer.png）;
答案 2 :(得分：0)
尝试使用此背景图片：url（“./~ / assets / images / artist-bg.jpg”）;