Sass 当文件夹中的任何SCSS文件发生更改时,使WebStorm重新编译单个SCSS文件

Sass 当文件夹中的任何SCSS文件发生更改时,使WebStorm重新编译单个SCSS文件,sass,webstorm,Sass,Webstorm,我正在做一个项目,我的同事们也在做,他们在Atom中做这个项目,他们将Atom设置成这样: 有一个文件夹,css,其中有一个主文件,custom.scss,它导入所有其他scss文件,并在custom.min.css和custom.min.css.map中编译。还有包含更多scss文件的子文件夹。每当css或其任何子文件夹中的任何scss文件发生更改时,custom.scss将重新编译,但不会重新编译其他scss文件 使用WebStorm的SCSS文件监视程序,我可以这样做吗 我的第一次尝试是将

我正在做一个项目,我的同事们也在做,他们在Atom中做这个项目,他们将Atom设置成这样:

有一个文件夹,
css
,其中有一个主文件,
custom.scss
,它导入所有其他scss文件,并在
custom.min.css
custom.min.css.map
中编译。还有包含更多scss文件的子文件夹。每当
css
或其任何子文件夹中的任何scss文件发生更改时,
custom.scss
将重新编译,但不会重新编译其他scss文件

使用WebStorm的SCSS文件监视程序,我可以这样做吗

我的第一次尝试是将watcher设置中的
范围更改为只查看
custom.scss
,这是可行的,但每次我想要重新编译它时,我都必须更改
custom.scss
,而不是在更改任何其他scss文件时重新编译它


我的直觉是,我应该将范围设置为递归地监视css目录中的所有scss文件,我应该在file watcher中更改
参数
设置,明确地说
将custom.scss编译为custom.min.css
,但我不太确定如何做到这一点

这里的关键设置是“仅跟踪根文件”——如果没有设置,它会尝试编译所有被监视的scss文件,因为它们是单独保存的,但是,当它被设置时,它只编译一个文件,如果它没有在另一个文件中标记为包含

设置范围以监视所有scss文件的更改:
file:assets/css/*.scss

单击“仅跟踪根文件”

将参数更改为
$FileName$:$FileNameWithoutExtension$.min.css--style compressed
,使其缩小


现在,当您保存custom.scss中包含的文件时,它只将custom.scss(和其他根文件)重新编译为
custom.min.css
custom.min.css.map

实际上。。。我想它已经起作用了。我一直很傻