css - Eclipse插件自动编译Sass文件

<分区>

我目前正在使用 Eclipse 的 Aptana 插件，它为我提供了出色的语法突出显示功能，并允许我手动单击以将 *.scss 文件编译为 *.css 文件。我真正希望能够做的是让它在每次保存时自动编译，但我不知道该怎么做。

我知道您可以在命令行上使用 sass --watch，但我不想每次打开 eclipse 或创建新元素时都必须手动设置它。

有没有人找到实现此目标的好方法？是否必须有一种方法可以连接到 Aptana 的 Sass 包并在我每次保存时运行它的编译命令？ this question 的公认答案建议使用“程序生成器”——但这真的是最好的解决方案吗？如果是这样，有人有任何提示/教程链接吗？

更新:我写了a blog post关于如何使用 ant 脚本作为构建器，但我仍在寻找更好的方法。

最佳答案

经过多次尝试，我发现 Eclipse 中最好的解决方案是使用 --update sass 功能定义一个简单的构建器:

从“元素”菜单中选择“属性”，然后选择“构建器”部分。
创建一个新的构建器并选择“程序”作为配置类型。
为您的启动配置选择一个名称(SASS？!)。
将您的 sass 安装路径插入位置字段。
使用 ${project_loc} 作为工作目录。
在 Arguments 文本框中插入您希望 sass 使用的配置参数，最后指定 --update 参数，后跟您的 sass 文件目录源，后跟“:”和编译后的 css 文件的目标文件夹.在我的配置中，“resources”是包含 .scss 文件的源文件夹，“web”是包含已编译的 .css 文件的目标目录。 --update 命令将检查源文件夹和所有子文件夹中的修改。 Screenshot
在“构建选项”选项卡中，只需选中“运行构建器:”部分下的所有选项。您还可以“指定相关资源的工作集”以仅在保存选定文件夹中包含的文件时启动构建器。 Screenshot
单击确定以保存您的启动配置。
现在尝试修改源目录中的 .scss 文件，然后保存它，您将在控制台窗口中看到 sass CLI 输出。

sass CLI 将自动检查源文件夹中修改过的资源(我配置中的资源)并将它们编译到目标文件夹中(我配置中的 web)。此外，将编译所有 @import 修改后的资源的 .sass 文件。

关于css - Eclipse插件自动编译Sass文件，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9430906/

相关文章：

HTML/CSS - 将文本与图像和数字对齐