css - Sass/Compass - 覆盖 css 以减慢速度

Question

我决定使用 Foundation 4 的 Sass 版本。

我遵循了 Foundation 4 官方文档中的说明:
对于新安装，我从控制台中的以下代码开始:

sudo run compass create <project-name> -r zurb-foundation --using foundation

为了将我的 SCSS 文件编译成 CSS，我运行了:

compass watch

在那之后一切正常，我准备开始编辑我的文件。

现在我的问题:
每次我在我的 SCSS 文件中进行更改时，编译 CSS 文件需要将近 8 秒。控制台中的状态:

Change detected at 09:52:48 to: app.scss

显示速度很快，但是之后

overwrite css/app.css

就是慢。

我做错了什么？

版本:
Sass 3.2.12(媒体标记)
compass 0.12.2(Alnilam)

你会在这里找到我的 SASS 文件结构:
Github SASS-file structure

Answer 1

你没有做错任何事。 Compass(基于 Ruby 构建)在编译 SASS/SCSS 时出了名的慢。特别是像 Foundation 这样更大、更复杂的结构。 8-10 秒对于我的 Foundation 元素来说也是平均水平。是否使用更高级的语言功能似乎都不重要，它只是一只狗。

不幸的是，我所知道的唯一有效的“实时”编译器是 node-sass ，速度非常快，但在 SASS 语言支持方面远远落后。您不能将它与更新版本的 Foundation(5.3+，如果模糊内存服务)一起使用。

由于您使用的是 Foundation 4，您可以尝试设置 Node 并使用 node-sass 进行编译。我认为它会支持旧的 F4 代码，只要确保您不在自己的代码中使用任何 SASS 3.3 语言功能(例如 map )即可。