WebStorm 配置 Sass 的输出路径

Question

我有一个关于在 WebStorm 中为 SCSS 转译设置观察器的快速问题。

我希望 watcher 将 scss 文件转译到特定文件夹：

Project/assests/scss/(several scss files) 转译为 Project/src/css/(transpiled css files)

我注意到有 $FileNameWithoutExtension$ 或 $FileParentDir$ 之类的术语，那是什么语言？ :)

非常感谢！

Answer 1

请尝试以下操作：

Arguments: --no-cache --update $FileName$:$ProjectFileDir$/src/css/$FileNameWithoutExtension$.css

Working directory: $FileDir$

Output paths to Refresh: $ProjectFileDir$/src/css/$FileNameWithoutExtension$.css:$ProjectFileDir$/src/css/$FileNameWithoutExtension$.css.map

WebStorm 配置 Sass 的输出路径

WebStorm configure output path for Sass

css

sass

webstorm

transpiler

output