web-dev-qa-db-ja.com

PhpStormでscssファイルウォッチャーを正しく設定するにはどうすればよいですか？

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

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

My current settings

sassphpstorm
25
bernk

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

0
bernk

前の回答で述べたように、それに応じて[出力パス]オプションを設定する必要があります。お気に入り：

Arguments: --no-cache --update $FileName$:$FileParentDir$/css/$FileNameWithoutExtension$.css

Working directory: $FileDir$

Output Paths: $FileParentDir$/css/$FileNameWithoutExtension$.css

IDEは出力を探す場所とそれがどのように見えるかを知っているように、出力パスはscss出力ディレクトリと一致します

52
lena

node-sassを使用することをお勧めします10+倍高速です

 npm install -g node-sass

プログラム：

/usr/local/bin/node-sass

引数：

$FileName$ $FileNameWithoutExtension$.css

出力パス：

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

enter image description here

編集：

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

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

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
14
KuN

Phpstorm 7での使用

引数：--no-cache --update $ FileName $：$ FileParentDir $/path/to/css/dir/$ FileNameWithoutExtension $ .css

出力パス：$ FileParentDir $/path/to/css/dir/$ FileNameWithoutExtension $ .css

これが見つかりました。

3
DavidPortella