如何使用 Visual Studio 2019 编译 Dart Sass

Question

到目前为止，我使用 Mads Kristensen 的 Web 编译器，但现在我在编译新的 sass 命令（如 @use）或使用一些 css 计算（如）时遇到问题

grid-template-columns:repeat(auto-fill,minmax(max(200px,(100% - (var(--n) - 1)*10px)/var(--n)),1fr));

我发现了 sass 的新实现：Dart Sass 但没有找到任何扩展来在 Visual Studio 中管理它，只有一些用于 Visual Studio 代码

Web 编译器上次更新是在 2018 年

我也尝试Sass 编译器，但得到相同的编译错误：

200px,(100% - (var(--n) - 1)*10px)/var(--n) 不是正确的 max 值

即使它是纯粹的工作CSS，也许它太新并且编译器无法识别它

目前唯一的方法是将该规则放入纯 css 文件中，并将其与 sass 生成的 css 一起导入，但这似乎不是一个好的解决方案

Answer 1

更新
此答案中建议的扩展不在 Visual Studio 中运行，而仅在 Visual Studio Code 中运行。因此，这个答案中建议的解决方案并不像问题中所要求的那样起作用。感谢 @gt.guybrush 的反馈来澄清这一点！

@use仅包含在最实际的编译器扩展中才能使用。

或者使用此版本，您可以在系统上使用自己的 SASS 安装：
https://marketplace.visualstudio.com/items ?itemName=codelios.dartsass