Webstorm SCSS 文件观察器不尊重父目录

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

'Output paths to refresh' 选项不会告诉编译器将生成的文件放在哪里——您必须相应地设置程序参数； 'Output paths' 被 IDE 用于将其文件系统与外部更改同步 - 您需要确保那里指定的模式与实际编译器输出匹配，以便 IDE 知道在哪里寻找生成的文件。因此，您需要同时修改 'Arguments' 和 'Output path to refresh' 选项，以便在非默认位置创建生成的文件。

Webstorm SCSS 文件观察器不尊重父目录

Webstorm SCSS File Watcher does not respect parent directory

sass

phpstorm

webstorm