影响Visual Studio中的SASS / SCSS / Compass的image-url& Web Essentials

时间:2015-03-06 21:14:56

标签: c# visual-studio sass compass-sass web-essentials

我在Visual Studio中有scss文件,我已经导入罗盘这个指南:

SASS AND SCSS IN VISUAL STUDIO 2013 WITH WEB ESSENTIALS – STARRING COMPASS AND SUSY

但是现在当我在scss中做的时候:

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

我明白了:

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

如何影响输出路径?我能以某种方式告诉SASS编译器根本不改变路径(只需离开../ img / intro.jpg)吗?

编辑:我无法访问config.rb,链接的答案不适用于我的情况。

1 个答案:

答案 0 :(得分:0)

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

首先创建一个通用图像路径变量,如此...

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

然后添加mixin,它将处理编译背景图像,如此...

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

最后,无论你需要背景图像,都要调用mixin ......

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

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