在 Blazor Web Assembly 项目中使用 SASS 的最佳方法是什么?

Ami*_*abh 7 sass asp.net-core blazor

在客户端 blazor 中使用 SASS 的最佳方法是什么。我调查了这个

https://github.com/madskristensen/WebCompiler

但它看起来只适用于 Visual Studio。我正在使用 Visual Studio 代码。

JvR*_*JvR 7

正如MS 文档中所述,您可以使用Delegate.SassBuilder包来帮助您将sass/scss文件编译为css.

它工作得很好,而且很容易安装,不需要配置。

笔记

对于较新的 Sass 构建要求 - 我创建了这个LibSassBuilder


Nic*_*sen 5

我建议直接从命令行使用 sass。* 请注意:

Dart Sass 是 Sass 的主要实现

而且它可以作为 CLI 工具在全局安装和使用,不需要 npm 项目或管道是关键。

您可以通过以下方式安装sasschoco

choco install sass
Run Code Online (Sandbox Code Playgroud)

或者与npm

npm install -g sass
Run Code Online (Sandbox Code Playgroud)

然后你可以右键单击wwwroot并选择Open in terminal并以 sass 启用的本机方式构建和观看。要观看全部内容,请参见以下内容:

sass --watch .:.
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述

  • (有点不情愿,但其他解决方案,比如在每个构建上构建,都有很大的缺点。比如在每个构建上构建 sass 资源:当你没有搞乱你的样式时,这真的很浪费......或者接受事实,在我现在的情况是,WebCompiler扩展和LibSassBuilder上面提到的似乎都不适用于此 Visual Studio 预览版本。)

  • 非常有帮助的答案。您知道有什么方法可以将此例程绑定到“dotnet run”或“dotnet watch”命令吗?例如,使用 npm 时“package.json”中的脚本。 (3认同)