Compass che lancia la barra in avanti davanti alle immagini quando si creano sprite

Question

Uso la bussola per creare sprite. Gli sprites vengono creati ma l'output css punta al posto sbagliato per la directory images.

l'output è:

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

ma voglio che sia:

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

Qui è la mia messa a punto confib.rb:

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

e ecco come im chiamata gli sprite nel mio file scss:

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

cosa sto facendo di sbagliato? Come posso rimuovere quella prima barra davanti alle immagini?

grazie per qualsiasi aiuto.

Answer 1

Per impostazione predefinita, la bussola utilizza i percorsi assoluti per tutte le risorse.

Per modificare questo comportamento, aggiungere questa linea al vostro config.rb:

relative_assets = true 

In caso contrario, si potrebbe anche cambiare il 'http_path' opzione per puntare a dove i vostri siti del progetto sul server di distribuzione.