配置较少PhpStorm不编译

时间:2018-06-04 13:16:39

标签: less phpstorm

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

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

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

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

enter image description here

2 个答案:

答案 0 :(得分:2)

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

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

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

您需要更改Arguments字段。

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

(领先和尾随" ......"表示你已经到达的其他参数)

答案 1 :(得分:1)

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

像:

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

enter image description here