如何使 WebStorm SCSS 文件观察器输出到不同的目录

Question

我正在尝试使用 WebStorm 的 SCSS 文件观察器，但无论我更改什么设置，它总是将生成的 .css 文件输出到与 .scss 文件相同的目录。

我尝试将“参数”从以下位置更改：

--no-cache --update $FileName$:$FileNameWithoutExtension$.css

到：

--no-cache --update ../$FileName$:$FileNameWithoutExtension$.css

但输出文件仍然在同一个地方生成。但是，我确实修改并保存了我的 .scss 文件，看到了文件观察器触发器，并看到生成的文件发生了变化……它只是没有将更改后的版本放在不同的位置。

我尝试提供 --output 和 -o 选项，但被告知这些选项无效（这是有道理的，因为命令行 SCSS 期望输出是参数而不是选项）。所以我尝试使用：

../$FileName$:$FileNameWithoutExtension$.css

运气不好。然后我想“也许是‘刷新的输出路径’”，所以我把它改成了：

$FileNameWithoutExtension$.css:$FileNameWithoutExtension$.css.map

到：

../$FileNameWithoutExtension$.css:$FileNameWithoutExtension$.css.map

...不过，我只是在同一目录中获取输出文件。

是否甚至可以将 WebStorm 输出到其他地方，或者输出路径是否固定？

Answer 1

例如：如果你想要 root/css/ 中的 css

只需将 "--no-cache --update $FileName$:$FileParentDir$/css/$FileNameWithoutExtension$.css" 给 "Arguments"