使用PHPStorm中的SASS解决资产位置问题

Question

我有一个项目,基本资产文件夹结构如下所示:

/css
/css/sass
/js
/images

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

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

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

但是,由于路径是相对于CSS目录的路径,因此PHPStorm会将其标记为错误.

有没有办法配置PHPStorm能够识别目标路径中的资产,而不仅仅是直接从SASS文件中识别？

Answer 1

代替：

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

和：

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

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