intellij-idea - 智能 : Sass to CSS: file watcher output folder

Question

我有 IntelliJ Ultimate Edition，我正在将 .scss 文件编译为 .css。问题是每个 .scss 文件都被编译为同一文件夹中的 .css。我不想要那个。

我的文件夹结构是这样的:

Assets -- CSS ---- 主.css -- scss - - 文件夹 ------图标.scss ------元素.scss - - 文件夹 ------导航.scss ---- main.scss

main.scss 包含编译为 .css 所需的所有文件。但是当我在此结构中的这些文件/文件夹之一中进行更改时，我只想将 main.scss 编译为 ../css/main.css。我怎样才能做到这一点？非常感谢。

---

IntelliJ 编辑观察器窗口中的当前设置:

程序:D:\Program Files (x86)\Ruby22\bin\scss.bat

参数:--no-cache --update $FileName$:$FileNameWithoutExtension$.css

要刷新的输出路径:$FileNameWithoutExtension$.css:$FileNameWithoutExtension$.css.map

工作目录:C:\localhost\www\website\assets\sass

Answer 1

尝试按如下方式更改您的观察者:

Arguments: --no-cache --update $FileName$:$ProjectFileDir$/assets/css/$FileNameWithoutExtension$.css
Output paths to refresh: $ProjectFileDir$/assets/css/$FileNameWithoutExtension$.css:$ProjectFileDir$/assets/css/$FileNameWithoutExtension$.css.map

如果您的 main.scss 导入所有部分 .scss 文件，并且在文件观察器设置中启用了仅跟踪根文件，则../css/main.css 将在您对这些文件中的任何一个进行更改时创建/更新