Visual Studio中SASS/SCSS/Compass的影响图像url；Web Essentials

本文关键字：url 图像 Essentials Web 影响 Compass Studio SASS SCSS Visual | 更新日期: 2024-10-20 16:58:03

我在Visual Studio中有scss文件，我已经导入了指南针本指南：

2013年视觉工作室中的SASS和scs与网络要素&由COMPASS和susyAtr主演

然而，现在当我在scs:

background: image-url('../img32/intro.jpg');

我得到：

background: url("/../img32/intro.jpg")

我如何影响输出路径？我能以某种方式对SASS编译器说根本不要更改路径吗（只需离开../img/intro.jpg）？

编辑：我没有访问config.rb的权限，链接的答案不适用于我的情况

Visual Studio中SASS/SCSS/Compass的影响图像url；Web Essentials

如果你不能完成上面的解决方案，那么创建一个mixin来处理你的背景图像将是最好的解决方案。所以我在想这样的事情。

首先创建一个像这样的通用图像路径变量…

$base-image-path: "../img32/";

然后添加将处理编译出背景图像的mixin，如…

@mixin background-image($file, $type) {
    background-image: url($base-image-path + $file + '.' + $type);
}

最后，如果你需要一个背景图像，请将其称为这样的混合…

@include background-image(sample-bg, png);

希望这将绕过您遇到的问题，直到他们为其创建许可修复程序。

相关文章：