关于CSS：如何使用Live Sass Compiler编译相关的CSS文件？

How to compile related scss file using Live Sass Compiler?

我正在vscode上修改一堆mustard-ui css框架的相关scss文件。 scss文件将导入到mustard-ui.scss中，如下所示：

1
2
3
4
5
6
7

// Variables
@import 'vars/breakpoints';
@import 'vars/colors';

// Base
@import 'base/base';

我还将此片段添加到Live Sass Compiler设置中，以定义放置输出已编译.css文件的路径：

1
2
3
4
5

"liveSassCompile.settings.formats": [{
"format":"expanded",
"extensionName":".css",
"savePath":"/static/css/mystyle"
}]

然后从static/css/mystyle/mustard-ui.css获得生成的已编译CSS。

但是问题是，当我编辑诸如base.scss之类的scss组件之一时，mutard-ud.scss不会自动编译以反映更改。因此，我需要使用一些虚拟更新再次保存它，以获取更新的mustard-ui.css。这显然是乏味且荒谬的。

我想知道是否有办法避免这种情况？如何命令编译器监视相关文件？