sass - Webstorm SCSS File Watcher 不尊重父目录

Question

我的 scss 结构如下:

嵌套目录 View :

style
  sass
    components
      _somecomponent.scss
      _someothercomponent.scss
    style.scss
  style.css

折叠目录 View :

style/style.css
style/sass/style.scss
style/sass/components/_somecomponent.scss
style/sass/components/_someothercomponent.scss

style.scss包括_somecomponent.scss和_someothercomponent.scss，应该是生成style.css。它正确地完成了所有这些，但输出文件不在正确的目录中。目前它输出到 style/sass/style.css.

Webstorm 配置了以下参数:

Program: /usr/bin/sass
Arguments: --no-cache --update $FileName$:$FileNameWithoutExtension$.css
Working directory: $FileDir$
Output path: $FileParentDir$\$FileNameWithoutExtension$.css

phpstorm 标记已被添加，因为它与 webstorm 共享相同的文件观察器。我正在使用带有最新 Webstorm 9.x 的 Mac OS X。

如何修复输出路径？

Answer 1

请相应地更改参数字段:

    Program: /usr/bin/sass
    Arguments: --no-cache --update $FileName$:$FileParentDir$/$FileNameWithoutExtension$.css
    Working directory: $FileDir$
    Output path: $FileParentDir$/$FileNameWithoutExtension$.css

“刷新的输出路径”选项不会告诉编译器将生成的文件放在哪里 - 您必须相应地设置程序参数； IDE 使用“输出路径”将其文件系统与外部更改同步 - 您需要确保此处指定的模式与实际编译器输出匹配，以便 IDE 知道在哪里查找生成的文件。因此，您需要同时修改“参数”和“刷新的输出路径”选项，以在非默认位置创建生成的文件。