sass中的靜態圖像路徑

Question

少就可以做到這一點。您爲圖像路徑創建了一個變量，並且您可以將圖像路徑插入到後臺網址中。我如何在SASS中做到這一點？

@static-path:   "../../static"; 
background: url("@{static-path}/img/bg-header.jpg") repeat-x left bottom; 

Answer 1

在SASS中，我們使用$定義變量。

因此定義名爲路徑$img_path: "../../static";的變量。

然後使用一種叫做插值（sass docs）：

background: url("#{static-path}/img/bg-header.jpg") repeat-x left bottom;

當您使用指南針在你的項目，你可以使用圖像的URL（），而不是網址（），它從抓住你的圖片路徑COMPASS配置文件。