如何在 netbeans 7.4 上设置指南针答案

【问题标题】：How can I setup compass on netbeans 7.4如何在 netbeans 7.4 上设置指南针
【发布时间】：2013-10-11 03:15:24
【问题描述】：

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

目前指南针是这样导入的：

@import "compass/css3";

谢谢

【问题讨论】：

标签： netbeans sass netbeans-7 compass-sass

【解决方案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"

【讨论】：

我不需要做第二部分 - 在 windows 8.1 上的 netbeans 8.0 上运行良好

【解决方案2】：

另一种无需向每个项目添加参数即可将 Compass 添加到所有 SASS 项目的方法是转到工具 > 选项 > 杂项 > CSS 预处理器并将“--compass”添加到 Sass 路径的末尾。

例如，我的读取为“C:\Ruby200-x64\bin\sass.bat --compass”。

【讨论】：