Не могу заставить Compass генерировать иконки спрайтов

Question

Я довольно новичок в Compass, но я пытался использовать Compass в проекте для создания спрайтов. Смотрите этот учебник:

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

ИМО, учебник не совсем понятно. Для начала в учебнике никогда не говорится о создании файла «_icons.scss», который содержит mixin «all-icon-sprites».

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

Результатом этого является ошибка:

• "Синтаксическая ошибка: Не определено Mixin 'все-иконки-спрайтов'."

Поэтому я добавил файл "_icons.scss" на мой проект, и изменил код:

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

Теперь, я получаю эту ошибку:

• Синтаксическая ошибка: Invalid CSS после того, как "$ удалить-позицию": ожидается ")", был ": $ иконка-удалить -..."
  • на линии 28 /path/to/_icons.scss

Может ли кто-нибудь объяснить мне, что я делаю неправильно? Или проблема на самом деле с файлом _icons.scss?

Answer 1

В учебном пособии не говорится о необходимости импортировать _icons.scss, потому что это не требуется. Вы либо импортируете файлы png, либо сгенерированный файл - не оба. Они одинаковы, за исключением случаев, когда вы импортируете файлы png, вы в конечном итоге импортируете созданную таблицу стилей, которая обновляется автоматически при изменении файлов png (переименовывает, добавляет, удаляет и т. Д.).

У вас есть какие-либо png-файлы в каталогах <>/icon directory?

Если честно, эта ошибка является одной из тех, которые я ожидал бы увидеть, если версия компаса, обрабатывающая таблицу стилей, не та, которую вы используете в командной строке. Вы компилируете рельсы или CLI?