Configure Less with PhpStorm 无法编译

Question

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

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

我认为我的配置有误。在 PhpStorm 中，我设置了较少的输出路径来刷新：../css/$FileNameWithoutExtension$.css

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

Answer 1

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

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

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

您需要更改 Arguments 字段。

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

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

Answer 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

Configure Less with PhpStorm 无法编译

Configure Less with PhpStorm doesn't compile

less

phpstorm