2012-03-29 5 views
1

In meinem Rails 3.2.1 Anwendung I Kompass (0.12.alpha.4) bin mit Sprites zu erstellen:Bahn + Compass Sprit Generation gibt falsches Bild Pfad

@import compass 

@import "../images/category-icons/type/*.png" 
@include all-type-sprites 
//+all-type-sprites 

Das Sprit Bild wurde richtig genereated, saß app/assets/images/category-icons/type-sa69c4767de.png

Das erzeugte Stylesheet ist jedoch falsch. Es zeigt auf /assets/../images/category-icons/type-sa69c4767de.png. Es fügt nur assets an den Pfad an. Es funktioniert außerhalb von Rails, also denke ich, dass es etwas mit der Asset-Pipeline zu tun hat. Was muss ich konfigurieren, damit dies ordnungsgemäß funktioniert?

+0

Was möchten Sie in Ihren Kompass config.rb haben für 'http_generated_images_path'? Ich hatte ein ähnliches Problem und es wurde gelöst, indem ich die HTTP Config Pfade setzte. – maxbeatty

+0

Ich sehe diese Konfiguration überhaupt nicht, und das hängt nicht mit diesem Pfadproblem zusammen. Aber danke, dass Sie mich wissen lassen, da ich denke, dass es eine gute Sache ist, das zu setzen, so dass die erzeugte Datei außerhalb des Asset-Verzeichnisses liegen kann (was für mich ärgerlich ist). – lulalala

+2

Ich stimme zu. Wenn Sie das generierte Sprite-Blatt außerhalb von 'app/assets' bewegen, muss ich nicht versuchen, diese Dateien von der Versionskontrolle auszuschließen. Vergessen Sie nicht, den neuen Pfad zu den Ressourcenpfaden hinzuzufügen. 'generated_images_dir =" tmp/sass-cache/sprites "' in 'config/compass.rb'. 'config.assets.paths + =" tmp/sass-cache/sprites "in' config/application.rb'. –

Antwort

5

Verwenden Sie compass-rails? Es stellt eine ordnungsgemäße Integration in die Asset-Pipeline sicher.

Seit Compass V0.12 ist dieser Adapter der einzige Weg, um Kompass in Ihre Rails-Anwendung zu installieren.

Verwenden Sie keinen relativen Pfad zu den Quellbildern. Bildpfadreferenzen durchsuchen bereits den Ladepfad des Assets. Rails ist standardmäßig so konfiguriert, dass sie standardmäßig den Asset-Ladepfad app/assets/images enthält.

Ändern Sie den Import:

@import "category-icons/type/*.png"

+0

danke, der relative Pfad stammt vom Designer mit Middleman. Werde daran denken, diesen Teil das nächste Mal zu konvertieren. Beachten Sie, dass Kompassschienen und Kompass 0.12.alpha.4 austauschbar sind. – lulalala

Verwandte Themen