使用 VSC Live Sass Compiler，有没有办法创建多个源目录并输出到各自的 CSS 目录？

我使用 VS Code 和 Live Sass Compiler 来处理我的 SCSS 文件。我们有各种页面的标准样式。这些文件来自 ~/scss 并编译为 ~/dist/css/。

然而，我开始写出自定义组件，我想以不同的方式链接这些组件 SCSS 文件。这些将来自 ~/scss/components 并编译为 ~/dist/css/components。

有没有办法，使用 Live Sass Compiler 设置创建两个源目录，并基于我的源目录——编译到相应的输出目录？

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

如果有其他 Sass 编译器可以做到这一点，请告诉我。这是一个非常大的网站，我需要在第一时间做对。

不再维护 Ritwick Dey 的原始 Live Sass 编译器（上次更新时间为 11.07.2018），因此我已在此处移至 Glenn Marks 的分叉版本：https://marketplace.visualstudio.com/items?itemName=glenn2223.live-sass

在那个版本中，使用像这样的 savePath 应该可以满足您的需求。

"savePath": "~/../dist/css/"

查看 Settings & Commands Docs 了解更多信息。