如何创建文件监视器以从一组较少的文件在其自己的文件夹中生成样式表?

时间:2017-01-03 11:10:08

标签: phpstorm

每次更新css/style.css时,如何创建较少的文件观察程序来更新less/style.less

假设style.less导入其他较少的文件,例如base.less

具体来说,我需要在“新观察者”对话框中输入什么来创建它?

enter image description here

enter image description here

1 个答案:

答案 0 :(得分:0)

    必须启用
  1. Track only root files - 这将阻止单独编译包含/部分文件 - 而是编译主文件(自动包含所有使用的部分文件)。

    通过这种方式,您可以修改base.less(主style.less使用的部分文件),并且仍然会为主style.less文件触发文件观察程序。

  2. "参数"提交应包括源(.less)和目标(.css)文件,如下所示:--no-color $FileName$ ../css/FileNameWithoutExtension$.css

    这告诉您使用$FileName$作为源文件(例如style.less)并将其放入../css/FileNameWithoutExtension$.css(例如../css/style.css) - 所有路径都与当前文件相关(基于"工作目录"字段实际上,默认情况下设置为与源文件相同的文件夹)

  3. "要刷新的输出路径" - 可以是空的,但也可以更好地指定生成文件的路径(例如../css/FileNameWithoutExtension$.css) - 这将告诉IDE哪个文件被修改(因此它将重新读取它)作为此文件观察器的结果执行。

  4. 由于现在我们已将输入和输出文件指定为参数...您现在必须禁用Create output file from stdout选项..否则IDE将使用stdout输出覆盖创建的文件(这可能导致空文件)

  5. 最终文件监视器(这里是为Windows操作系统完成的)

    http://i.stack.imgur.com/Z5sxO.png