配置较少PhpStorm不编译

Question

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

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

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

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

Answer 1

您的文件观察程序设置不完整。

现在它会将生成的文件保存在源旁边......但你需要它2个文件夹。

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

您需要更改Arguments字段。

• 目前您有... $FileName$ $FileNameWithoutExtension$.css ...
• 您需要调整路径 - 它必须是...... $FileName$ ../../css/$FileNameWithoutExtension$.css ... - 因为您指定了这样的路径。

（领先和尾随＆＃34; ......＆＃34;表示你已经到达的其他参数）

Answer 2

您应该相应更改参数字段;

像：

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