web-dev-qa-db-ja.com

Sassファイルを自動的にコンパイルするEclipseプラグイン

私は現在、Eclipse用のAptanaプラグインを使用しています。これにより、優れた構文の強調表示が可能になり、手動でクリックして* .scssファイルを* .cssファイルにコンパイルできます。私が本当にやりたいのは、保存するたびに自動的にコンパイルすることですが、これを行う方法がわかりません。

コマンドラインでsass--watchを使用できることは知っていますが、Eclipseを開いたり、新しいプロジェクトを作成したりするたびに、これを手動で設定する必要はありません。

誰かがこれを達成するための良い方法を見つけましたか？ AptanaのSassバンドルにフックして、保存するたびにコンパイルコマンドを実行する方法は必要ですか？ この質問 に対する受け入れられた答えは、「プログラムビルダー」の使用を提案しています-しかし、これは本当に最良の解決策ですか？もしそうなら、誰かがチュートリアルへのヒント/リンクを持っていますか？

更新：私は ブログ投稿 ビルダーとしてantスクリプトを使用する方法について書きましたが、私はまだより良い方法を探しています。

csseclipseaptanasass
18
jackocnr

何度も試した結果、Eclipseでの最善の解決策は、-updatesass機能を使用して単純なBuilderを定義することであることがわかりました。

  • プロジェクトメニューから「プロパティ」を選択し、「ビルダー」セクションを選択します。
  • 新しいビルダーを作成し、構成タイプとして「プログラム」を選択します。
  • 起動構成の名前を選択します（SASS？！）。
  • Sassインストールのパスを[場所]フィールドに挿入します。
  • $ {project_loc}を作業ディレクトリとして使用します。
  • [引数]テキストボックスに、sassで使用する構成パラメーターを挿入し、最後に--updateパラメーター、sassファイルのディレクトリソース、 "："、コンパイルされたcssファイルの宛先フォルダーを指定します。私の構成では、「resources」は.scssファイルを含むソースフォルダーであり、「web」はコンパイルされた.cssファイルを含む宛先ディレクトリです。 --updateコマンドは、ソースフォルダーとすべてのサブフォルダーの変更をチェックします。 スクリーンショット
  • [ビルドオプション]タブで、[ビルダーの実行]セクションのすべてのオプションを確認してください。 「関連リソースのワーキングセットを指定」して、選択したフォルダーに含まれるファイルが保存されている場合にのみビルダーを起動することもできます。 スクリーンショット
  • [OK]をクリックして、起動構成を保存します。
  • ここで、ソースディレクトリの.scssファイルを変更して保存しようとすると、コンソールウィンドウにsassCLI出力が表示されます。

Sass CLIは、ソースフォルダー内の変更されたリソース（構成内のリソース）を自動的にチェックし、それらを宛先フォルダー（構成内のWeb）にコンパイルします。また、変更されたリソースを@importするすべての.sassファイルがコンパイルされます。

12
Zed

このページ（EclipseでのSASS/Compass/Zend Studioの自動コンパイル） は役に立ちますか？

10
seron

sasscomiler用のwatchスイッチがあります。
ソース（scss、sass）が変更されるたびに出力（css）ファイルを再構築します。

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

Sassの使用

Sassは、コマンドラインツールとして、スタンドアロンのRubyモジュールとして、およびRuby on RailsとMerb。これらすべての最初のステップは、Sassgemをインストールすることです。

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"

2
Tomer W

はるかに簡単な解決策があります。指示に従ってSASSをインストールします。

http://sass-lang.com/install

最初にRubyをインストールする必要があることに気付くでしょう。その後、SCSS/CSSファイルが配置されているフォルダーに移動し、CMDを起動して、次のDOSコマンドを実行します。

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

次に、EclipseによってネイティブCSSファイルとして認識されるようにSCSSファイルをリンクするだけです。この解決策に従ってください：

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

お役に立てれば。

注：1つまたは2つのステップを逃した可能性があります。これは、インストールを完了した後に覚えていたとおりです。問題が発生した場合は、コメントを投稿してください。サポートさせていただきます。

タレク

1
tarekahf