保存 SASS 文件时，Netbeans 是否会生成单独的 CSS 文件？答案

【问题标题】：Does Netbeans generate a separate CSS file when saving a SASS file?保存 SASS 文件时，Netbeans 是否会生成单独的 CSS 文件？
【发布时间】：2014-05-07 03:11:49
【问题描述】：

我正在使用 Netbeans 8.0 来编辑我的 HTML、PHP 和 CSS。就在今天，我安装了 SASS 并在 Netbeans 中启用了它。我正在 Ubuntu 上开发，并且 Ruby 和 Sass 都在存储库中可用，所以我安装了它们，Netbeans 只需单击一个按钮就找到了 SASS 可执行文件。所以，我认为一切正常。

我创建了一个名为style.scss 的文件，并放入了一些测试颜色变量和一个虚拟的#test id。

我的理解是，当我保存 .scss 文件时，它将得到处理，并创建一个具有相同名称的 .css 文件，在本例中为 style.css。或者如果它已经存在则更新。

不是这样吗？我确实在 Stack Overflow 上看到了其他 SASS 和 .css 文件生成问题，但我没有看到特定于 Netbeans 的问题，所以我不确定在我的环境中是否有一些我没有正确设置的问题。另外，我保存的时候不需要上传到服务器，我只是在本地测试和开发。

如何在 Netbeans 8.0 中从我的 .scss 实际生成 .css 文件？

【问题讨论】：

我已经删除了我的答案（对不起，我严重误读了你的问题）。如果您已按照文档中的所有步骤进行操作，但仍无法在输出目录中获得 CSS 文件，那我就没有主意了。
编辑 bat 文件帮助我让 NetBeans 编译 SCSS：stackoverflow.com/a/49887849/470749

标签： css netbeans

【解决方案1】：

右键项目->属性->CSS预处理器

您必须设置一个输入文件夹，例如 /scss，以及一个输出文件夹，例如 /css

还有一个复选框“Compile Sass files on save”。

对于编译器选项“--style compact”可能很有用。

这在 NB7.4 中对我有用，但在 8 中，发生了一些事情...... 插件页面说，目前与8不兼容。

http://plugins.netbeans.org/plugin/34929

更新：我的 scss 文件夹错误...所以它在 NB8 中工作。查看@项目设置，并将您的 .scss 和 .css 文件分开在两个文件夹中，默认文件夹是 /scss 并将文件转换为 /css 文件夹

【讨论】：

我发现如果需要，您可以将它们保存在同一个文件夹中，方法是在输入和输出字段中指定相同的路径。另外，旁注，之前让我绊倒的是没有意识到必须指定路径。由于 Sass 选项中的默认文件夹名称是 /scss 和 /css，我认为这些字段用于指定文件扩展名，然后它将查找项目中的所有 .scss 文件。我只是没有注意到它们上面有正斜杠，表明它们是目录。