Angular 角度SCSS写入url()的正确方式

Angular 角度SCSS写入url()的正确方式,angular,sass,Angular,Sass,我看到了一个选项,其中在SCSS中指定URL时没有引号,如background:URL(/path/to/image.jpg)。然而,我使用的是引号background:url(/path/to/image.jpg),尽管由于目录解析问题,PhpStorm强调了这些URL,但这仍然有效 两种选择之间有什么区别吗?应该使用任何一个而不是另一个吗?以防万一,这会有所帮助-我正在将我的图像存储在assets子文件夹中 这不仅仅是CSS的问题,它是关于SCSS的问题,因此我确信标记为重复的问题不适合我

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

两种选择之间有什么区别吗?应该使用任何一个而不是另一个吗?以防万一,这会有所帮助-我正在将我的图像存储在
assets
子文件夹中


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

SCS以不同的方式工作,因为它应该在编译之前编译。若有一个错误的URL,编译器将抛出一个关于路径解决问题的错误。此外,Angular会将资源从其初始位置移动。这就是我问的原因。

引号是可选的

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

例如:

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

其中,
image
是一个组件变量

可能与我询问的SCS重复。不是模板我刚刚展示了
url()
的用法。如果引用是必须的。碰巧它在模板中。另外,我的回答清楚地提到了你什么时候需要它,什么时候不需要。这不值得一票否决