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中编辑观察器窗口中的当前设置：

计划：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

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

2 个答案: