Angular SCSS 编写 url() 的正确方法

Question

我看到了在 SCSS 中指定 URL 时不带引号的选项，例如 background: url(/path/to/image.jpg);。但是，我将它与引号 background: url(/path/to/image.jpg); 一起使用，尽管 PhpStorm 由于目录解析问题而强调这些 URL，但它仍然有效。

这两种选择有什么区别吗？应该使用任何代替另一个吗？以防万一这会有所帮助 - 我将图像存储在 assets 子文件夹中。

---

这不仅仅是关于 CSS 而是关于 SCSS 因此我确信标记为重复的问题不适合我的问题。

SCSS 以不同的方式工作，因为它应该在之前编译。如果 URL 错误，编译器会抛出有关路径解析问题的错误。此外，Angular 将资产从其初始位置移动。这就是我问的原因。

Answer 1

引号是可选的。

仅当您想要添加特殊字符或组件变量时才需要它们，如下所示。

例如：

 [ngStyle]="{ 'background-image': 'url(' + image + ')'}"> 

其中image 是一个组件变量