带有 PHPstorm 7 文件观察器的特殊文件夹中的 SCSS / SASS 到 CSS答案

【问题标题】：SCSS / SASS to CSS in special folder with PHPstorm 7 file watcher带有 PHPstorm 7 文件观察器的特殊文件夹中的 SCSS / SASS 到 CSS
【发布时间】：2013-11-04 10:29:14
【问题描述】：

我使用了 PHPstorm 6，我的 SCSS 文件被编译到 CSS 文件夹中，所以我有：

css
  -- main.css
img
js
scss
  -- main.scss
  -- _variables.scss   ...

Hier 是我对 SCSS File Watcher 的定义

一切正常，但昨天我将我的 PHPstorm 从版本 6 更新到了 7，现在我的 SCSS 编译/文件观察器不再工作了。 File Watcher 将 CSS 文件编译到 SCSS 文件夹中。但我希望它在我的 CSS 文件夹中！！！

您在 PHPstorm 7 Filewatcher for SCSS Files 中的设置是什么？

这是我的数据结构，你会看到文件 style.css 和 FileDirName/css/style.css 一个文件夹“高”..

【问题讨论】：

标签： css sass directory phpstorm watch

【解决方案1】：

啊啊啊啊啊！

“反斜杠”是问题所在。

输出路径

$FileParentDir$/css/$FileNameWithoutExtension$.css

【讨论】：

我刚刚发现，即使是 Windows 也对此很挑剔。 Windows 通常不关心，但对于 PhpStorm 观察者来说似乎是这样。
谢谢！这在 PHPStorm Docs 中没有得到很好的记录。

【解决方案2】：

为了将使用 PHPStorm File Watcher 渲染的 css 文件放置在 css 目录中并将 sass 文件保留在 sass 目录中，我更改了参数和输出路径以刷新。

参数字段：

--no-cache --update $FileName$:$FileParentDir$/css/$FileNameWithoutExtension$.css --style expanded

如果你想在 sass 中看到带有额外空格的 css，你可以删除 --style expanded。此参数只是将 css 文件中的缩进更改为老式的，drupal 需要这样做。

和刷新字段的输出路径：

$FileParentDir$/css/$FileNameWithoutExtension$.css

【讨论】：