1

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

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

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

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

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

4

1 回答 1

1

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

使用该版本，使用这样的 savePath 应该可以满足您的需求。

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

查看设置和命令文档了解更多信息。

于 2021-08-05T18:51:25.683 回答