Sass 当文件夹中的任何SCSS文件发生更改时,使WebStorm重新编译单个SCSS文件
我正在做一个项目,我的同事们也在做,他们在Atom中做这个项目,他们将Atom设置成这样: 有一个文件夹,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文件监视程序,我可以这样做吗 我的第一次尝试是将
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
实际上。。。我想它已经起作用了。我一直很傻