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 当我在此结构中更改其中一个 files/folders 时。我怎样才能做到这一点？非常感谢。

IntelliJ 中编辑观察器 window 中的当前设置：

节目：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 将是 created/updated 当您对这些文件中的任何一个进行更改时

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 中更改了我的 watcher，它对我有用

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

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

Intellij: Sass to CSS: file watcher output folder

compilation

sass

intellij-idea

file-watcher