无法让 Compass 生成图标精灵

Question

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

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

IMO，教程不是很清楚。首先，本教程从未告诉您创建包含“all-icon-sprites”混合的“_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 文件的更改（重命名、添加、删除等）自动保持最新。

/icon 目录下是否有 png 文件？

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