sass - PhpStorm で scss ファイルウォッチャーを正しくセットアップするにはどうすればよいですか?

Question

動作していますが、これらの設定では、変更が PhpStorm に反映されるまでにかなりの時間がかかります。引数文字列の一部を取り除くと../css/、scss ファイルと同じディレクトリに css ファイルが作成/更新されますが、すぐに実行されます。私は何を間違っていますか？

OS X 10.8.3 で PhpStorm 6.0.1 を使用しています

Answer 1

10倍以上高速なnode-sassを使用することをお勧めします

 npm install -g node-sass

プログラム :

/usr/local/bin/node-sass

引数:

$FileName$ $FileNameWithoutExtension$.css

出力パス:

$FileNameWithoutExtension$.css:$FileNameWithoutExtension$.css.map

編集 ：

css ファイルを圧縮する場合は、それを Arguments に使用します。

--output-style compressed $FileName$ $FileNameWithoutExtension$.css  

Answer 2

Windows Env で node-sass を使用している場合は、

プログラム：

ウィンドウズ

C:\Users\%username%\AppData\Roaming\npm\node-sass.cmd

Linux

/usr/local/bin/node-sass

引数 (Windows):

$FileName$ $ProjectFileDir$\dist\$FileNameWithoutExtension$.css

更新の出力パス (windows):

$ProjectFileDir$\dist\$FileNameWithoutExtension$.css

Answer 3

マニュアルから: 「[出力パス] テキスト ボックスで、トランスパイラーがその出力を格納するファイルを指定します。結果のソース コード、ソース マップ、および依存関係です。この設定に基づいて、PhpStorm はトランスパイルによって生成されたファイルを検出します。」