Webstorm SCSS File Watcher不尊重父目录

Question

我的scss具有以下结构:

嵌套目录视图:

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

折叠目录视图:

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.我正在使用Mac OS X,以及最新的Webstorm 9.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知道在何处查找生成的文件.因此,您需要修改BOTH'Arguments'和'Output path to refresh'选项,以便在非默认位置创建生成的文件.