Intellij：Sass 到 CSS：文件观察器输出文件夹

Question

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

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

assets -- css ---- main.css -- scss ---- folder -------icons.scss -------elements.scss ---- folder -------navigation.scss ---- main.scss

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

---

IntelliJ 中 Edit Watcher 窗口中的当前设置：

程序：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这些文件中的任何一个

Answer 2

我的文件夹结构如下所示。 在 ecom-styles.scss 中导入的所有 partial.scss 文件

assets
-- css
---- ecom-styles.css.css
-- scss
---- _file1.scss
---- _file2.scss
---- _file3.scss
---- _file4.scss
---- ecom-styles.scss

我在 IntelliJ 中更改了我的观察者如下，它对我有用

Arguments: $FileName$ $FileParentDir$/css/$FileNameWithoutExtension$.css
Output paths to refresh: $ProjectFileDir$/css/$FileNameWithoutExtension$.css:$ProjectFileDir$/css/$FileNameWithoutExtension$.css.map