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