Eclipse插件自动编译Sass文件

Question

我目前正在使用Eclipse的Aptana插件,它给了我很好的语法高亮,并允许我手动点击将*.scss文件编译成*.css文件.我真正希望能够做到的是每次保存时自动编译,但我无法弄清楚如何做到这一点.

我知道你可以在命令行上使用sass --watch,但我不想每次打开eclipse或创建一个新项目时手动设置它.

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

更新:我写了一篇关于如何使用ant脚本作为构建器的博客文章,但我仍然在寻找更好的方法.

Answer 1

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

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

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

Answer 2

难道这个页面(自动Compling在Eclipse SASS /北斗/的Zend Studio)有帮助？

Answer 3

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

\n\n

\n

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

\n\n

使用 Sass

\n\n

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

\n\n

gem install sass 如果您\xe2\x80\x99 使用 Windows，则可能需要先安装 Ruby\n。

\n\n

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

\n\n

sass input.scss output.css 您还可以告诉 Sass 监视文件\n并在每次 Sass 文件更改时更新 CSS：

\n\n

sass --watch input.scss:output.css 如果您的目录中有许多 Sass 文件，
\n 您还可以告诉 Sass 监视整个目录：

\n\n

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

\n\n

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

\n\n

引擎 = Sass::Engine.new("#main {背景颜色: #0000ff}", :syntax\n => :scss) engine.render #=> "#main { 背景颜色: #0000ff; }\ \n"

\n

\n