修改导入的test.scss后，如何让VS Code的Live Sass Compiler自动重编译main.scss？

当你的main.scss通过@import 'test.scss';引入依赖文件，修改test.scss时仅该文件被编译，而main.scss的编译产物未自动更新，可通过以下配置解决：

• 打开VS Code的设置面板（快捷键：Ctrl+,），搜索liveSassCompile.settings.includeItems；或者直接在项目根目录下的.vscode/settings.json中手动添加配置。
• 配置需要监听的主入口SCSS文件，示例如下：

{
  "liveSassCompile.settings.includeItems": [
    "/main.scss"
  ]
}

注意：路径需为相对于项目根目录的路径，若main.scss在子目录中，可写为"/src/styles/main.scss"这类形式。

• 若项目存在多个主入口SCSS文件，只需将路径依次添加到includeItems数组中即可。
• 额外检查liveSassCompile.settings.excludeItems配置，确保未误将main.scss或test.scss排除在监听范围外。

配置完成后，修改test.scss时，Live Sass Compiler会自动检测到依赖变更，重新编译main.scss并更新对应的CSS产物。

内容的提问来源于stack exchange，提问作者samilowdev