在 Visual Studio 2019 上使用 .sass 扩展文件答案

【问题标题】：Using .sass extension files on Visual Studio 2019在 Visual Studio 2019 上使用 .sass 扩展文件
【发布时间】：2020-06-02 15:27:40
【问题描述】：

我在 Visual Studio 2019 上使用 Web Compiler 扩展从 scss 文件编译为 css，它工作正常。

但是，当尝试合并使用 .sass 扩展文件的 bulma css 框架时，它似乎无法识别这些文件。

你知道在 Visual Studio 2019 上是否有一种简单的方法可以将 .sass 扩展文件编译为 .css 吗？？

【问题讨论】：

标签： .net visual-studio sass bulma web-compiler

【解决方案1】：

你可以用这个来做语法高亮

https://marketplace.visualstudio.com/items?itemName=Syler.sass-indented

这是给美化的

https://marketplace.visualstudio.com/items?itemName=michelemelluso.code-beautifier

【讨论】：

我知道这些是针对 Visual Studio Code 的，针对 Visual Studio Community (2019) 你知道是否有一个扩展允许我编译 .sass 扩展文件吗？（没有 scss 而是 sass 扩展）

【解决方案2】：

我目前正在尝试同样的事情：将 Bulma 与 Visual Studio 2019 和 Web 编译器一起使用。 SASS 文件默认不会被编译，因为它们没有按照 Web 编译器的要求添加到“compilerconfig.json”文件中。因此，您必须右键单击每个 Bulma SASS 文件并选择“Web Compiler”->“Compile file”。这会将其添加到 .json 文件并创建/编译一个 .css 文件。特别是对于 Bulma，您只需编译源代码父文件夹中的“main”Bulma.css 文件。

【讨论】：

【解决方案3】：

如果您的目标是 .net core 3.1，则可以使用 JacobDixon.AspNetCore.LiveSassCompile。

https://www.nuget.org/packages/JacobDixon.AspNetCore.LiveSassCompile

它在启动时和服务器运行时编译 sass/scss 文件。

免责声明：我写的。

【讨论】：