自动编译 Sass 文件的 Eclipse 插件 [关闭]

Question

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

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

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

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

Answer 1

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

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

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

Answer 2

sass 编译器有一个watch 开关。
每次源（scss，sass）更改时都会重建输出（css）文件。

引用自：http://sass-lang.com/documentation/file.SASS_REFERENCE.html#using_sass

使用 Sass

Sass 可以以三种方式使用：作为命令行工具，作为 独立的 Ruby 模块，并作为任何支持 Rack 的插件 框架，包括 Ruby on Rails 和 Merb。所有人的第一步 这些是安装 Sass gem：

gem install sass 如果你使用的是 Windows，你可能需要安装 Ruby 首先。

要从命令行运行 Sass，只需使用

sass input.scss output.css 你也可以告诉Sass看文件 并在每次 Sass 文件更改时更新 CSS：

sass --watch input.scss:output.css 如果你的目录有很多 Sass 文件，
你也可以告诉 Sass 观察整个目录：

sass --watch app/sass:public/stylesheets 完整使用 sass --help 文档。

在 Ruby 代码中使用 Sass 非常简单。安装 Sass gem 后， 您可以通过运行 require "sass" 并使用 Sass::Engine 来使用它 所以：

engine = Sass::Engine.new("#main {background-color: #0000ff}", :syntax => :scss) engine.render #=> "#main { background-color: #0000ff; }\n"

Answer 3

有更简单的解决方案。只需按照说明从以下位置安装 SASS：

http://sass-lang.com/install

您会注意到首先您必须安装 Ruby。之后，只需转到您的 SCSS/CSS 文件所在的文件夹，启动 CMD 并运行以下 DOS 命令：

>cd <path-to-your-css-files>
>sass --watch .

那么您需要做的就是链接您的 SCSS 文件，以便 Eclipse 将其识别为原生 CSS 文件。遵循这个解决方案：

https://stackoverflow.com/a/12322531/4180447

希望这会有所帮助。

注意：我可能错过了一两个步骤。这是我完成安装后所记得的。如果您遇到任何问题，请发表评论，我会尽力帮助您。

塔雷克