WebStorm。如何让IDE从src / less / ...编译更少的文件到dist / css / ...?

时间:2015-11-29 15:39:00

标签: webstorm

默认情况下,.less文件被编译到同一目录中。

但是我希望IDE编译为.less只能从src / less /并保存.css到dist / css /文件夹。

enter image description here

我该怎么做?

也许我可以将文件夹标记为来源和目的地?然后使用FileDirRelativeToSourcepath?

更新。

在旧版本中,有一个" Mark as Sources"。

enter image description here

在当前版本中没有此标记。 enter image description here

为什么目前的版本没有这个标记?

1 个答案:

答案 0 :(得分:2)

  1. 要仅让来自src/less/的文件进行更改,请在Settings | Appearance & Behavior | Scopes中创建自定义范围,仅包含src/less/中的文件,并将此范围设置为文件观察程序

  2. 要将输出保存到其他文件夹,您需要修改'Output paths to refresh'选项(以及可选的Arguments字段 - 如果您不想从stdout创建输出)。

  3. 使用stdout:

    Arguments: --no-color $FileName$
    Working dir: $FileDir$
    Output paths to refresh: $ProjectFileDir$/dist/css/$FileDirPathFromParent(less)$$FileNameWithoutExtension$.css
    
    Create output from stdout: checked
    

    没有标准输出:

    Arguments: --no-color $FileName$ $ProjectFileDir$/dist/css/$FileDirPathFromParent(less)$$FileNameWithoutExtension$.css
        Working dir: $FileDir$
        Output paths to refresh: $ProjectFileDir$/dist/css/$FileDirPathFromParent(less)$$FileNameWithoutExtension$.css
    
        Create output from stdout: unchecked
    

    设置截图: enter image description here