Intellij: 将Sass转换为CSS：文件监视器输出文件夹

Question

我有IntelliJ Ultimate Edition，正在将.scss文件编译为.css。问题在于每个.scss文件都编译到同一个文件夹中。我不想这样。

我的文件夹结构如下：

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

- Ewinnn

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将会被创建或更新。

- lena

Answer 2

我的文件夹结构如下所示。 所有的partial.scss文件都被导入到ecom-styles.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

- Jitendra Rathor