Variables 访问SASS文件中的http_images_path常量

我正在尝试为高密度显示器编写@mixin，比如iPhone4+视网膜显示器。因此，我想自动将“@2x”作为后缀添加到图像文件名中

由于

image-url（）

会返回整个路径，因此我无法附加后缀。不是，我正在尝试访问我在配置中设置的映像路径，以便自己将URL修补在一起

比如：

但是#{$http_images_path}未定义。有没有办法访问它？我真的不想单独定义映像路径，因为这样会使配置变得非常不必要

如果我可以在扩展名的“.”之前分割image-url（）的返回并添加“@2x”，那就更好了，因为我不需要单独定义扩展名。我曾尝试在sass文件中使用Ruby，比如

放置“test”

，但没有成功。所以我不确定是否有办法用sass来拆分字符串

你们有什么好主意吗

谢谢！

---

Alex

您可以在

image\u url（）中连接图像名称

config.rb

images_dir = "images"
http_images_path = "/your/path"

屏风

$image-name: "asset"
$image-extension: ".png"

.class
  background-image: image_url($image-name + "@2x" + $image-extension)

screen.css

/* line 4, ../sass/screen.sass */
.class {
  background-image: url('/your/path/asset@2x.png?1327210853');
}

如果您想拆分文件名并插入
@2x
，您必须创建一个扩展名，ruby可以在其中为您执行此操作。您可以将其用作起点。
您可以在
image\u url（）中连接图像名称。

config.rb

images_dir = "images"
http_images_path = "/your/path"

屏风

$image-name: "asset"
$image-extension: ".png"

.class
  background-image: image_url($image-name + "@2x" + $image-extension)

screen.css

/* line 4, ../sass/screen.sass */
.class {
  background-image: url('/your/path/asset@2x.png?1327210853');
}

如果您想拆分文件名并插入
@2x
，您必须创建一个扩展名，ruby可以在其中为您执行此操作。您可以将其作为一个起点。
这与我当前的解决方案非常接近。谢谢你。感谢您批准拆分文件名的唯一方法是扩展名。因为我不确定是否有可能在.sass文件中直接使用Ruby。这与我目前的解决方法非常接近。谢谢你。感谢您批准拆分文件名的唯一方法是扩展名。因为我不确定是否有可能在.sass文件中直接使用Ruby。