精灵时 Codekit Compass vs Less 编译答案

【问题标题】：Codekit Compass vs Less compilation when spriting精灵时 Codekit Compass vs Less 编译
【发布时间】：2012-07-16 02:39:57
【问题描述】：

我最近从使用 Less 转为使用 Compass。我使用 Codekit，但不使用内置 Compass 编译器，因为它在使用插件时会出现问题。现在我的问题是，与 Less 相比，编译时间要长得多。我意识到这是因为它在每次编译时都会生成精灵。有没有办法关闭它？ IE，只有当我有一定的定制时才编译。我查看了自定义，没有办法设置自定义属性来告诉何时以及何时不编译新精灵。换句话说，我想手动告诉编译器何时生成精灵。

其他人有解决方案吗？

【问题讨论】：

就我个人而言，我不喜欢 Compass 处理精灵的方式。每次我尝试使用它们时，它们只差一两个像素。我也不喜欢每个精灵有一个单独的文件夹。只需滚动您自己的精灵。这真的没那么难。保留当前精灵的分层 PSD，每次都添加。为您的精灵创建一个 mixin 并为高度和宽度创建变量。然后运行@each 并编译所有类。这并不难。

标签： sass less compass-sass

【解决方案1】：

由于在任何地方都找不到解决方案，我决定做的是创建一个单独的 sprite.scss 文件来导入和管理我的精灵。当我有一个需要附加到 sprite 的新图像时，我会编译 sprite.scss。现在我有一个 sprite.css 文件。我将 sprite.css 文件的内容复制到部分 _sprites.scss 中并将其导入到我的 main.scss 文件中。现在我可以在 main.scss 文件中使用扩展等。我知道这听起来非常麻烦，但它可以将我的编译时间从 30-60 秒减少到不到 2 秒。

其他人有解决方案我都在听。

【讨论】：