如果 css 和 scss 是静态中单独的同级文件夹，如何设置 PhpStorm scss 观察者

Question

我正在使用 PhpStorm。我已经安装了 Ruby 和 npm Sass。我想像下面这样设置 scss 观察者：

输入文件目录是

"c:\test\static\scss\(can be file  folder\file or folder\folder\file)"

输出文件目录是

"c:\test\static\css\(can be file or folder\file or folder\folder\file)"

所以我只想将 FileDir 的 \scss\ 更改为 \csss\。

这就是我在 PhpStorm 中所做的设置。

参数：

 --update $FileName$:$ContentRoot$\static\scss$FileDirPathFromParent(scss)$$FileNameWithoutExtension$.css

要刷新的输出路径：

1.(tried)
 $ContentRoot$\static\css$FileDirPathFromParent(css)$$FileNameWithoutExtension$.css

2.(tried)
$ContentRoot$\static\css$FileDirPathFromParent(scss)$$FileNameWithoutExtension$.css

它在 c:\test\static\scss\ 文件夹下创建了一个 css 文件不是 c:\test\static\css\ 文件夹。

我该怎么办？

Answer 1

我建议更改参数如下：

参数： $FileName$:$ProjectFileDir$\static\css$FileDirPathFromParent(scss)$$FileNameWithoutExtension$.css

要刷新的输出路径： $ProjectFileDir$/static/css/$FileDirPathFromParent(scss)$/$FileNameWithoutExtension$.css:$ProjectFileDir$/static/css/$FileDirPathFromParent(scss)$/$FileNameWithoutExtension$.css.map

如果 css 和 scss 是静态中单独的同级文件夹，如何设置 PhpStorm scss 观察者

How to set PhpStorm scss watcher if css and scss are separate sibling folders in static

sass

phpstorm

siblings

这就是我在 PhpStorm 中所做的设置。