使用 VSC Live Sass 编译器，有没有办法创建多个源目录输出到相应的 CSS 目录？

Question

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

但是，我开始编写自定义组件，我想 link 以不同方式处理这些组件 SCSS 文件。这些将来自 ~/scss/components 并编译为 ~/dist/css/components.

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

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

如果有另一个 Sass 编译器可以做到这一点，请告诉我。这是一个非常大的网站，我需要第一次就把它做好。

Answer 1

Ritwick Dey 的原始 Live Sass 编译器不再维护（最后更新 11.07.2018），所以我已经转移到 Glenn Marks 的分叉版本：https://marketplace.visualstudio.com/items?itemName=glenn2223.live-sass

在该版本中，使用这样的保存路径应该可以满足您的需求。

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

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

With VSC Live Sass Compiler, is there a way to create multiple source directories which output to respective CSS directories?