Less 使用PhpStorm不';不编译

Less 使用PhpStorm不';不编译,less,phpstorm,Less,Phpstorm,我正在尝试将我的样式.less编译为样式.css。我的文件夹结构如下: assets->less->styles.less assets->css->styles.css 我相信我的配置是错误的。在PhpStorm中,我设置了较少的要刷新的输出路径:。/css/$FileNameWithoutExtension$.css 我确实在less文件下有一个styles.css文件,它正在编译。 到目前为止,我只知道常规CSS,所以我还不太熟悉。 有什么帮助吗 您的文件监视程序

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

assets->less->styles.less
assets->css->styles.css
我相信我的配置是错误的。在PhpStorm中,我设置了较少的要刷新的输出路径:
。/css/$FileNameWithoutExtension$.css

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


您的文件监视程序设置不完整

现在它将在源旁边保存生成的文件。。。但是你需要把它放在两个文件夹上

您在
输出路径中正确设置了刷新
。。但该文件告诉IDE当文件监视程序运行完毕时要检查哪个文件。它不是生成的文件将放置的位置

您需要更改
参数
字段

  • 目前你有<代码>$FileName$$FileNameWithoutExtension$.css
  • 你需要调整路径,它必须是<代码>$FileName$../../css/$FileNameWithoutExtension$.css
  • ..--因为这就是指定这样的路径的地方
    (前导和尾随“…”表示您已经获得的其他参数)

    您的文件监视程序设置不完整

    现在它将在源旁边保存生成的文件。。。但是你需要把它放在两个文件夹上

    您在
    输出路径中正确设置了刷新
    。。但该文件告诉IDE当文件监视程序运行完毕时要检查哪个文件。它不是生成的文件将放置的位置

    您需要更改
    参数
    字段

    • 目前你有<代码>$FileName$$FileNameWithoutExtension$.css
  • 你需要调整路径,它必须是<代码>$FileName$../../css/$FileNameWithoutExtension$.css
  • ..--因为这就是指定这样的路径的地方
    (前导和尾随“…”表示您已经获得的其他参数)

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

    比如:


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

    比如:


    与您的文件观察者一起发布屏幕截图。到目前为止(很大的机会,我能感觉到),听起来你没有正确设置它(没有正确输入所有参数)。文件夹结构和我试图简化的东西没什么不同。顺便说一下,谢谢你的快速回答@Lazyone与您的文件观察者发布屏幕截图。到目前为止(很大的机会,我能感觉到),听起来你没有正确设置它(没有正确输入所有参数)。文件夹结构和我试图简化的东西没什么不同。顺便说一下,谢谢你的快速回答@LazyOnei尝试过这种方法,但现在它正在生成一个名为“..\..\css\component\u styles.css”的新文件,我不得不使用“/”而不是“\”。一切正常!谢谢嗯<代码>\用于Windows,
    /
    用于Linux/MacOS。您自己已经在“Output paths to refresh”字段中使用了``我刚刚复制了它。很高兴你很快找到了原因。关于这个问题有很多答案。但这一条很简单,也很简单;)我尝试过这种方法,但现在它正在生成一个名为“..\..\css\component\u styles.css”的新文件,我不得不使用“/”而不是“\”。一切正常!谢谢嗯<代码>\用于Windows,
    /
    用于Linux/MacOS。您自己已经在“Output paths to refresh”字段中使用了``我刚刚复制了它。很高兴你很快找到了原因。关于这个问题有很多答案。但这一条很简单,也很简单;)
    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