SCSS图像路径无法正常工作

时间:2018-03-18 07:33:59

标签: html css sass

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

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 的路径不正确。我怎样才能做到这一点?

2 个答案:

答案 0 :(得分:0)

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

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

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

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

答案 1 :(得分:0)

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

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

相关问题