css - SASS Compass 断点 - 包括我的元素错误

Question

我想在我的网络元素中包含断点。我安装了 SASS、Compass 和 breakpoint，并且按照安装指南进行操作，但它似乎仍然无法正常工作。任何人都可以告诉我这里可能有什么错误。

以下代码在我的config.rb文件中(位于元素目录，主文件夹)

require 'breakpoint'

http_path = "/"
css_dir = "css"
sass_dir = "sass"

以下代码位于style.scss(project/sass文件夹)

@import "breakpoint";

etc scss code...

这是我从 LiveReload 得到的错误:

未找到或无法读取要导入的文件:罗盘。

语法错误:找不到或无法读取要导入的文件:罗盘。 加载路径:/private/var/folders/ln/lp7d050s191cgjw1ck1gnq_h0000gn/T 在 project/sass/style.scss 的第 4 行 使用 --trace 进行回溯。

Answer 1

在使用 GUI 应用程序(例如 LiveReload 或 CodeKit)进行编译时，Compass 扩展往往无法工作(或无法正常工作)。不要使用 LiveReload 来编译 和 重新加载，只需使用它来重新加载并通过命令行运行编译。您还应该将您的元素放在 Bundler 下版本控制以确保您要使用的 gem 绝对可用。如果您遇到加载问题，那是因为您的编译器找不到 gem。在 Bundler 控制下通过命令行编译将确保 gem 可用。