LESSC将包含的文件编译为CSS

LESSC将包含的文件编译为CSS,css,less,phpstorm,precompile,file-watcher,Css,Less,Phpstorm,Precompile,File Watcher,我有以下文件结构: --public_html/ - css/ - less/ - _mixins.less - _variables.less - _theme.less - main.less 我正在使用PhpStorm,其中一个文件监视程序从NPM运行LESSC 我的文件监视程序如下所示: Program: /usr/local/bin/lessc Arguments: --no-color $FileName$ Output paths to r

我有以下文件结构:

--public_html/
  - css/
  - less/
    - _mixins.less
    - _variables.less
    - _theme.less
    - main.less
我正在使用PhpStorm,其中一个文件监视程序从NPM运行LESSC

我的文件监视程序如下所示:

Program: /usr/local/bin/lessc
Arguments: --no-color $FileName$
Output paths to refresh: ../$FileNameWithoutExtention$.css
档案:

main.less:

@import "_variables.less";
@import "_mixins.less";
@import "_theme.less";
\u主题。less
包含我的stylsheet和
\u变量。less
\u混合。less
都是非常自明的

当我修改并保存
main.less
时,文件
main.css
会在
css
文件夹中创建

但是,当我编辑
\u theme.less
文件时,LESC也会创建一个
\u theme.css
文件

如何停止创建这些额外文件


如果您需要更多信息,请询问。

请确保在特定的文件监视程序设置中启用了
仅跟踪根文件
选项——它就是这样做的

在文件上调用文件监视程序时,PhpStorm会检测包含此文件的所有文件。对于这些文件中的每一个,PhpStorm都会再次检测包含它的文件。此操作将递归重复,直到PhpStorm到达指定范围内任何位置都不包含的文件。这些文件称为根文件(不要与内容根混淆)

  • 选中此复选框时,文件观察程序仅针对根文件运行
  • 清除该复选框后,文件观察程序将针对从中调用它的文件以及在指定范围内递归包含该文件的所有文件运行

filewatcher对单个文件中的更改做出反应,这一行编译更改的文件:
参数:--no color$FileName$
。注意文件名变量。您需要在那里硬编码根文件。您是否尝试过参数--no color/path/to/public\u html/less/main.less?确保启用了“仅跟踪根文件”选项(在该文件监视程序设置中)。它在Windows10上运行得很好。看看或@LazyOne,那真管用!非常感谢。你想把这句话写进其他人的答案里吗?