Question

好的，让我们假设，为简单起见，我的文件夹结构如下：

project
   - index.html
   - css
      - style.css
      - scss
         - style.scss
   - img
      - image.jpg

我想用 image.jpg 作为div的背景。我在 style.scss 工作，然后在 style.css 中监控scss到css。如果我使用路径 ../../ img / image.jpg ，它将在 style.scss 中显示为正确，但因为我正在监视此 style.css ，因为 style.css 中图像的路径为 ../ img / image.jpg ，所以不会显示图像。这有两种方式，如果我使用路径 ../ img / image.jpg ，则不应显示图像，因为 style.scss 的路径不正确。我怎样才能做到这一点？

Answer 1

我个人设置图片网址以满足style.css的需求。

在我看来，style.scss只是为了在设计编码过程中提供更大的灵活性。这样，我从不在我的HTML中使用.scss文件。

请记住，我总是将.scss编译成.css，我从.scss文件设置路径是没有意义的。

顺便说一句，我知道有些工具允许在从服务器返回编译之前自动编译.scss文件，但我不是很喜欢这个解决方案，因为不仅仅是在HTTP中请求文件GET，你需要你的服务器在返回之前编译代码，所以显然需要更多的时间......

Answer 2

使用图像的绝对路径的可能解决方案之一，我的意思是，像： /img/image.jpg

因此您仍然可以在IDE中使用自动完成功能和css将被正确地编译

SCSS图像路径无法正常工作

2 个答案: