Compass kann keine Icon-Sprites erzeugen

Question

Ich bin ziemlich neu bei Compass, aber ich habe versucht, Compass in einem Projekt zu verwenden, um meine Icon-Sprites zu generieren. Sehen Sie dieses Tutorial:

• http://beta.compass-style.org/help/tutorials/spriting/

IMO, das Tutorial nicht ganz klar ist. Um zu beginnen, sagt dir das Tutorial niemals, dass du die "_icons.scss" -Datei erstellen musst, die das "All-Icon-Sprites" -Mix enthält.

@import "icon/*.png"; 
@include all-icon-sprites; 

Das Ergebnis davon ist ein Fehler:

• "Syntaxfehler. Nicht definierte mixin all-icon-Sprites '"

So habe ich die "_icons.scss" Datei zu meinem Projekt, und änderte den Code zu:

@import "icon/*.png"; 
@import "_icons"; 
@include all-icon-sprites; 

Nun bekomme ich diesen Fehler:

• Syntaxfehler: Ungültige CSS nach "$ delete-Position": erwartete ")", war ": $ icon-löschen -..."
  • auf Linie 28 von /path/to/_icons.scss

Kann mir jemand erklären, was ich falsch mache? Oder liegt das Problem eigentlich bei der Datei "_icons.scss"?

Answer 1

Das Lernprogramm fordert Sie nicht auf, die Datei _icons.scss zu importieren, da dies nicht erforderlich ist. Sie importieren entweder die PNG-Dateien oder die generierte Datei - nicht beides. Sie sind die gleichen, außer wenn Sie die PNG-Dateien importieren, importieren Sie am Ende ein generiertes Stylesheet, das automatisch aktualisiert wird, wenn sich die PNG-Dateien ändern (umbenennen, hinzufügen, entfernen, usw.).

Haben Sie irgendwelche Png-Dateien im < Bilder>/Symbol-Verzeichnis?

Um ehrlich zu sein, wäre dieser Fehler einer, den ich erwarten würde, wenn die Kompassversion, die das Stylesheet verarbeitet, nicht die ist, die Sie in der Befehlszeile verwenden. Kompilieren Sie mit Schienen oder der CLI?