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

Question

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

我试过将 "arguments" 更改为：

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

至：

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

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

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

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

运气不好。然后我想到"maybe it's the 'Output paths to refresh'"，所以我把它改成了：

$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"

How Can I Make WebStorm SCSS File Watcher Output to Different Directory