LESSC将包含的文件编译成CSS

时间:2017-03-21 07:07:59

标签: 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 refresh: ../$FileNameWithoutExtention$.css

文件:

main.less:

@import "_variables.less";
@import "_mixins.less";
@import "_theme.less";

_theme.less包含我的样式表,_variables.less_mixins.less都非常自我解释。

当我修改并保存main.less文件main.css是在css文件夹中创建的。

但是,当我编辑_theme.less文件时,LESSC也会创建一个_theme.css文件。

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

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

1 个答案:

答案 0 :(得分:1)

请确保在该特定文件监视器设置中启用了Track only root files选项 - 它就是这样。

来自https://www.jetbrains.com/help/phpstorm/2016.3/new-watcher-dialog.html#d199014e291

  

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

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