netbeans - 如何在 netbeans 7.4 上设置 compass

Question

netbeans 7.4 中有一项功能允许 scss 和 less 在保存时自动编译。

我已经设法设置 scss 进行编译，但是我在使用 compass 编译 scss 文件时遇到了问题。

这是一个示例错误:

Syntax error: File to import not found or unreadable: compass/css3.
          Load path: /www/site
    on line 2 of /www/site/app/View/Themed/Admin/webroot/scss/core.scss

目前 compass 是这样导入的:

@import "compass/css3";

谢谢

Answer 1

在 NetBeans 中，单击文件 > 项目属性菜单项。

在打开的对话框中，选择 CSS Preprocessors 类别。

Sass 属性的底部是编译器选项。输入 --compass

这解决了你问我的问题。但是，我后来遇到了 Compass 的进一步问题，因为它不知道文件的路径。为了克服这个问题，我在项目的根目录中创建了一个 config.rb 文件。这必须定义完整的项目路径和目录名称。此外，在 Windows 机器上工作时，对斜杠的方向和引号的类型很挑剔。

project_path    = 'c:\path\to\project'
css_dir         = "css"
sass_dir        = "sass"
images_dir      = "images"
javascripts_dir = "js"