使用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的检查错误将消失，指南针将根据图像资源根自动生成正确的路径。