指南針在製作精靈時在圖像前投擲正斜槓

Question

我正在使用指南針來創建精靈。精靈正在創建，但css輸出指向圖像目錄的錯誤位置。

輸出爲：

.menu-sprite, .menu-about, .menu-art, .menu-drum, .menu-links, 
.menu-music, .menu-science, .menu-writing { 
    background: url('/images/menu-sb7e36b009c.png') no-repeat; 
} 

，但我希望它是：

.menu-sprite, .menu-about, .menu-art, .menu-drum, .menu-links, 
.menu-music, .menu-science, .menu-writing { 
    background: url('images/menu-sb7e36b009c.png') no-repeat; 
} 

這裏是我的confib.rb設置：

http_path = "/" 
css_dir = "." 
sass_dir = "sass" 
images_dir = "images" 
javascripts_dir = "js" 

，這裏是如何IM通話在我的scss文件中的精靈：

@import "compass/utilities/sprites/base"; 
@import "menu/*.png"; 
@include all-menu-sprites; 

我做錯了什麼？我如何刪除圖像前面的第一個斜槓？

感謝您的任何幫助。

Answer 1

默認情況下，指南針對所有資產使用絕對路徑。

要改變這種行爲，該行添加到您的config.rb：

relative_assets = true 

否則，你也可以改變「http_path」選項指向你的部署服務器在您的項目現場。