PhpStorm - Sass 文件观察器 - 已编译 CSS 的输出目录答案

【问题标题】：PhpStorm - Sass File Watcher - Output directory of compiled CSSPhpStorm - Sass 文件观察器 - 已编译 CSS 的输出目录
【发布时间】：2018-03-31 18:01:22
【问题描述】：

如果我发错了堆栈，请提前道歉。我是 PhpStorm 的新手（来自 NetBeans），我正在努力配置一个 File Watcher 来将我的 Sass 文件编译到正确的位置。

我需要编译的文件位于

/sass/admin/styles/output/default.sass

我需要它来编译 CSS 到

/web/css/admin/styles/output/default.css

我的观察者参数路径是

--no-cache --update $FileName$:$ContentRoot$/web/css/$FileRelativeDir$/$FileNameWithoutExtension$.css

最终将文件编译为

/web/css/sass/admin/styles/output/default.css

我需要从 $FileRelativeDir$ 宏中删除sass 部分，但我不知道这是否可行。有没有可能实现这种文件结构？

【问题讨论】：

标签： sass phpstorm file-watcher

【解决方案1】：

已经在这里回答了- https://stackoverflow.com/a/15965088/1389760

我将参数路径更改为

--no-cache --update $FileName$:$ContentRoot$/web/css/$FileDirPathFromParent(scss)$/$FileNameWithoutExtension$.css

更改宏允许我设置一个从目录路径中删除“SCSS”的参数，现在它可以编译到所需的位置。

【讨论】：