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

我的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.

如何修复输出路径?

请相应更改“参数”字段:

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’选项,以便在非默认位置创建生成的文件.

相关文章
相关标签/搜索