使用 PhpStorm 配置 Less 无法编译答案

【问题标题】：Configure Less with PhpStorm doesn't compile使用 PhpStorm 配置 Less 无法编译
【发布时间】：2018-06-04 21:57:44
【问题描述】：

我正在尝试将我的styles.less 编译为styles.css。我的文件夹结构如下：

assets->less->styles.less
assets->css->styles.css

我相信我的配置是错误的。在 PhpStorm 中，我设置了较少的输出路径来刷新：../css/$FileNameWithoutExtension$.css

我在less 文件下确实有一个styles.css 文件，它正在编译。到目前为止，我只知道常规的 CSS，所以我对 Less 还不是很熟悉。有什么帮助吗？

【问题讨论】：

使用您的文件观察器发布屏幕截图。到目前为止（很大的机会，我能感觉到）听起来你没有正确设置它（没有正确输入所有参数）。
i.imgur.com/qA0f57u.png 文件夹结构略有不同，我试图简化事情。顺便感谢您的快速回答！ @LazyOne

标签： less phpstorm

【解决方案1】：

您的 File Watcher 设置不完整。

现在它会将生成的文件保存在源代码旁边...但您需要将它放在 2 个文件夹中。

您确实在Output paths to refresh 中正确设置了 .. 但该文件告诉 IDE 当文件观察程序完成运行时要检查哪个文件。它不是放置生成文件的位置。

您需要更改您的 Arguments 字段。

目前你有...$FileName$ $FileNameWithoutExtension$.css...
您需要调整那里的路径 -- 它必须是 ...$FileName$ ../../css/$FileNameWithoutExtension$.css ... -- 因为这是您指定此类路径的地方。

（前导和尾随“...”表示您在那里获得的其他参数）

【讨论】：

我尝试了这种方法，但现在它正在生成名称为：“..\..\css\component_styles.css”的新文件
我不得不使用“/”而不是“\”。一切正常！谢谢！
嗯 ...\ 适用于 Windows，/ 适用于 Linux/MacOS。您自己在“要刷新的输出路径”字段中使用了 `` -- 我刚刚将其复制过来。很高兴你很快找到了原因。
关于这个问题有很多答案。但是这个很简单，而且很简单；）

【解决方案2】：

您应该相应地更改了 Arguments 字段；

喜欢：

Arguments: --no-color $FileName$ $ProjectFileDir$/themes/elisa/assets/css/$FileDirPathFromParent(less)$$FileNameWithoutExtension$.css
Output paths to refresh: $ProjectFileDir$/themes/elisa/assets/css/$FileDirPathFromParent(less)$$FileNameWithoutExtension$.css

【讨论】：