使用@import scss进行IntelliJ自动完成时如何处理子目录中的相对图像路径？

Question

我喜欢Webstorm，Phpstorm和Intellij以及其他jetbrain产品的自动完成功能。如果我有这样的结构，它不起作用：

img/my-img.jpg
sass/main.scss
sass/component/_component.scss

// sass/main.scss:
 @import "/component/component"     

// _component.scss:
.class{
   //  => autocomplete doesn't work here as desired <=

   // how intellij completes it
   background: url(../../img/my-img.jpg)

   // what i would like to have instead
   background: url(../img/my-img.jpg)    
}

有没有办法告诉IntellJ如何使用sass文件夹作为图像自动完成的基础并摆脱恼人的错误通知？

Answer 1

您可以将 img 文件夹标记为资源根。

来自jetbrains documentation：

  

标记为“资源根”的文件夹下的文件可以相对于该文件夹进行引用。