Brújula arrojando una barra inclinada delante de las imágenes al hacer sprites

Question

Estoy usando Compass para crear sprites. Los sprites se están creando, pero la salida css apunta al lugar incorrecto para el directorio de imágenes.

la salida es:

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

pero yo quiero que sea:

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

aquí es mi configuración confib.rb:

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

y aquí es cómo im llamada los sprites en mi archivo scss:

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

¿Qué estoy haciendo mal? ¿Cómo puedo eliminar esa primera barra frente a las imágenes?

gracias por cualquier ayuda.

Answer 1

De forma predeterminada, la brújula usa rutas absolutas para todos los activos.

Para cambiar este comportamiento, agregue esta línea a su config.rb:

relative_assets = true 

De lo contrario, también se puede cambiar la opción 'http_path' a punto a donde sus sitios de proyectos en el servidor de implementación.