网络风暴。如何让 IDE 编译 less 文件从 src/less/... 到 dist/css/...？

Question

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

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

我该怎么做？

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

更新。

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

当前版本没有这个标记。

为什么现在的版本没有这个标记？

Answer 1

要仅监视来自 src/less/ 的文件变化，请在 Settings | Appearance & Behavior | Scopes 中创建一个自定义范围，仅包含来自 src/less/ 的文件，并设置此范围给你的文件观察者
要将输出保存到不同的文件夹，您需要修改 'Output paths to refresh' 选项（以及可选的参数字段 - 如果您不喜欢从 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

设置截图：

网络风暴。如何让 IDE 编译 less 文件从 src/less/... 到 dist/css/...？

WebStorm. How to make IDE compile less files from src/less/... to dist/css/...?

webstorm