如何使用Live Sass编译器编译相关的scss文件？

我正在vscode上修改css框架的一系列相关scss文件。scss文件导入到芥末-ui.scss，如下所示：

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


// Base
@import 'base/base';

我还将此剪切添加到设置中，以定义放置输出编译的.css文件的路径：

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

然后，从static/css/mystyle/芥末-ui.css获得编译后的css

但问题是，当我编辑其中一个scss组件（如base.scss）时，mutard-ud.scss不会自动编译以反映更改。因此，我需要用一些虚拟更新再次保存它，以获得更新的芥末-ui.css。这显然是乏味和荒谬的

我想知道有没有办法绕过这个？如何命令编译器监视相关文件？

有两种方法：

每个包含的文件（如base.scss）必须以下划线=>\u base.scss开头 编辑settings.json并添加： 如果现在更改_base.scss，则live sass编译器将编译main.scss！：

---

希望能有帮助

关于这个有一个问题。Tipp：要获得正确的路径，右键单击vsCode中的文件并复制相对路径。

"liveSassCompile.settings.includeItems": ["./path/to/your/main.scss"]