Css 如何使用Visual Studio 2019编译Dart Sass

Css 如何使用Visual Studio 2019编译Dart Sass,css,sass,visual-studio-2019,css-grid,dart-sass,Css,Sass,Visual Studio 2019,Css Grid,Dart Sass,到目前为止,我一直在使用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代码的扩展 W

到目前为止,我一直在使用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年

我也尝试了,但得到了相同的编译错误:

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

即使它是纯工作css,也可能太新,编译器无法识别它

目前唯一的方法是将该规则放在纯css文件中,并将其与sass生成的css一起导入,但这似乎不是一个好的解决方案 此答案中建议的扩展不是在Visual Studio中运行,而是仅在Visual Studio代码中运行。因此,这个答案中建议的解决方案并不像问题中所问的那样有效。请回复@gt.guybrush的反馈,以澄清这一点

使用@use只包括在最实际的编译器扩展中

也许你想试试:

或者使用此版本,您可以在系统上使用自己的SASS安装:

有关情况的更多信息:

这两个都是针对visual studio代码的,不是针对标准visual studio的。对不起。我认为这是同一个市场,扩展也在更大的软件包中运行。我会在答案中标出它。假设我可以在没有@use的情况下生存,现在主要的问题是max函数的计算,有没有绕过它的想法?没有。这是同样的问题:规则@use和函数max都是在Dart Sass中引入的。大多数编译器尚未更新。。。如果可能,您可以为项目使用原始SASS,安装起来就不那么复杂了。或者自己编写最大计算代码。但有一个问题:是否可能将SASS变量与CSS计算结合在一起?如果您想在SASS中计算某些内容,您不能使用百分比值,甚至不能使用css计算。。。函数或css变量。即使你使用飞镖攻击,也会抛出一个错误。只是可能的反馈,我不确定!calc似乎在工作: