无法让Compass生成图标精灵

Question

我对Compass很新，但我一直在尝试在项目中使用Compass来生成我的图标精灵。请参阅本教程：

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

IMO，教程并不完全清楚。首先，教程永远不会告诉你创建包含“all-icon-sprites”mixin的“_icons.scss”文件。

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

结果是错误：

• “语法错误：未定义的mixin'all-icon-sprites'。”

所以我将“_icons.scss”文件添加到我的项目中，并将代码更改为：

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

现在，我收到了这个错误：

• 语法错误：“$ delete-position”之后的无效CSS：期望“）”，是“：$ icon-delete -...”
  • 在/path/to/_icons.scss
  的第28行

任何人都可以向我解释我做错了什么吗？或者问题实际上是“_icons.scss”文件？

Answer 1

本教程不会告诉您导入_icons.scss，因为它不是必需的。您可以导入png文件或生成的文件 - 而不是两者。它们是相同的，除非你导入png文件，你最终导入生成的样式表，当png文件改变（重命名，添加，删除等）时，它会自动保持最新。

你在＆lt; images＆gt; / icon目录中有没有png文件？

老实说，如果处理样式表的罗盘版本不是您在命令行上使用的罗盘版本，那么我希望看到这个错误。您是使用rails还是CLI进行编译？