sass - 在PHPStorm中使用SASS解决 Assets 位置问题

Question

我有一个项目，其中的基本 Assets 文件夹结构如下所示:

/css
/css/sass
/js
/images

当我编译SASS文件时，它将它们放置在上面的css文件夹中。我这样做是为了保持目录结构的逻辑性和简单性。

我在SASS文件中使用相对路径链接到图像:

background: url(../images/foobar.png);

但是，由于该路径是CSS目录中的相对路径，因此PHPStorm会将其标记为错误。

有什么方法可以配置PHPStorm使其能够从目标路径中识别 Assets ，而不仅仅是从SASS文件中识别 Assets ？

Answer 1

代替:

background: url(../images/foobar.png);

和:

background: image-url('foobar.png');

要使用罗盘image-url()函数。然后，来自PHPStorm的检查错误将消失，指南针将基于图像资源根自动生成正确的路径。