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

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

Webstorm SCSS File Watcher不尊重父目录

1 个答案: