PHPStorm:如何设置LESS以使用文件观察器输出到CSS目录？

Question

如何在PHPStorm中使用File Watchers设置LESS文件观察器输出路径来执行此操作:

我想要:

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

输出到:

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

要么

/project/path/less/file2.less

输出到:

/project/path/css/file2.css

我没有看到使用PHPstorm中的输出路径宏来实现这一点的明确方法.使用FileDirRelativeToProjectRoot宏,我可以获得当前目录的路径,但是没有明确的方法来替换路径中的/ css.

Answer 1

请参阅我对JADE文件观察者的相关答案,我相信LESS也是如此.

诀窍是使用$FileDirPathFromParent(dir)$宏:

$ProjectFileDir$/css/$FileDirPathFromParent(less)$将为/project/path/css/dir/位于/project/path/less/dir/目录中的文件生成.

Answer 2

我想少编译一个文件

网站/所有/主题/bic/res/less/style.less到网站/所有/主题/bic/res/css/style.css

这就是我所做的

所以我使用的参数是：--no-color $ FileName $ ../css/$FileNameWithoutExtension$.css

这将在phpstorm控制台上生成/ usr / local / bin / lessc --no-color blogs.less ../css/blogs.css，并且工作正常。

我可能会错过一些东西。无论如何，我都尝试了“ --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”。他们俩都不为我工作。因此，请在此处发布我的解决方案，这可能会对一些与我有同样麻烦的人有所帮助。

Answer 3

只需将输出路径更改为刷新即可：

../css/$FileNameWithoutExtension$.css

更新：

在新版本的 LESS 中，您应该在指定的 Path 中反转斜线。所以应该是：

..\css\$FileNameWithoutExtension$.css