首页 > 解决方案 > Angular SCSS 编写 url() 的正确方法

问题描述

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

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


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

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

标签: angularsass

解决方案


报价是可选的。

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

例如:

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

image组件变量在哪里


推荐阅读