Question

我目前正在使用Eclipse的Aptana插件，它为我提供了很好的语法突出显示，并允许我手动单击以将* .scss文件编译为* .css文件。我真正希望能够做到的是每次保存时自动编译，但我无法弄清楚如何做到这一点。

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

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

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

Answer 1

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

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

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

Answer 2

this page (Automatically Compling SASS / Compass in Eclipse / Zend Studio)可以提供帮助吗？

Answer 3

sass comiler有一个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为full   文档。

在Ruby代码中使用Sass非常简单。安装Sass宝石后，   您可以通过运行require“sass”并使用Sass :: Engine来使用它   这样：

engine = Sass :: Engine.new（“＃main {background-color：＃0000ff}”,: syntax   =＆GT; ：scss）engine.render＃=＆gt; “#main {background-color：＃0000ff;} \ n”

Answer 4

有更简单的解决方案。只需按照说明从以下位置安装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

希望这有帮助。

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

塔雷克

Eclipse插件自动编译Sass文件

4 个答案: