web-dev-qa-db-ja.com

PHPStorm：LESSを設定して、ファイルウォッチャーでCSSディレクトリに出力するにはどうすればよいですか？

PHPStormでFile Watchersを使用して、これを行うためにLESS File Watchers出力パスを設定するにはどうすればよいですか。

が欲しいです：

/project/path/less/dir/file.less

出力先：

/project/path/css/dir/file.css

または

/project/path/less/file2.less

出力先：

/project/path/css/file2.css

これをPHPstormの出力パスマクロで実現する明確な方法がありません。 FileDirRelativeToProjectRootマクロを使用すると、現在のディレクトリへのパスを取得できますが、パスの/ lessを/ cssに置き換える明確な方法はありません。

csslessphpstorm
22
aaronp

JADEファイルウォッチャーの私の関連する回答 を参照してください。LESSの場合も同じだと思います。

トリックは$FileDirPathFromParent(dir)$マクロを使用することです：

$ProjectFileDir$/css/$FileDirPathFromParent(less)$は、/project/path/css/dir/ディレクトリにあるファイルに対して/project/path/less/dir/を生成します。

43
CrazyCoder

から1つ少ないファイルをコンパイルしたい

sites/all/themes/bic/res/less/style.less to sites/all/themes/bic/res/css/style.css

これが私がしたことです

enter image description here

したがって、私が使用した引数は次のとおりです。--no-color $ FileName $ ../css/$FileNameWithoutExtension$.css

これにより、/ usr/local/bin/lessc --no-color blogs.less ../css/blogs.cssがphpstormコンソールで生成され、正常に動作します。

私は何かを逃すかもしれません。とにかく、「-no-color $ FileName $ $ ProjectFileDir $/sites/all/themes/bic/res/css/$ FileDirPathFromParent（less）$」と「--no-color $ FileName $ $ ProjectFileDir $」の両方を試しました/sites/all/themes/bic/res/css/$FileDirPathFromParent(less)$$FileNameWithoutExtension$.css "。どちらも私のために働いていません。だからここに私の解決策を投稿してください。これは私と同じ問題を抱えている一部の人々を助けるかもしれません。

7
smiletrl

更新する出力パスを次のように変更するだけです。

../css/$FileNameWithoutExtension$.css

更新：

LESSの新しいバージョンでは、指定したパスのスラッシュを逆にする必要があります。だからそれはする必要があります：

..\css\$FileNameWithoutExtension$.css

4
Andrew Bogdanov

私は、cssファイルウォッチャーをcssディレクトリに出力することで同様の問題を抱えていました

これは私がやったことです。

  1. 引数では、_--no-cache --update $ProjectFileDir$/css/style.css_
  2. 更新する出力パスで、$ProjectFileDir$/css/$FileDirPathFromParent(scss)$$FileNameWithoutExtension$.css

これを変更してLESS

0
Japheth Obala

少ないコンパイラの出力ディレクトリを変更します。
tでエディットウォッチャーを開くと、この入力ボックスの変更で更新する出力パスが次のように表示されます../yourfolderpath/$FileNameWithoutExtension$.css。これで、コンパイルが少なくなったことがわかります.cssこのパスに。

0
Peterjoee Raj