Asp.net-Core

在 Blazor Web Assembly 項目中使用 SASS 的最佳方式是什麼?

  • May 31, 2021

將 SASS 與客戶端 blazor 一起使用的最佳方法是什麼。我調查了這個

https://github.com/madskristensen/WebCompiler

但它看起來只適用於 Visual Studio。我正在使用 Visual Studio 程式碼。

MS 文件中所述,您可以使用Delegate.SassBuilder包來幫助您將sass/scss文件編譯為css.

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

筆記

對於較新的 Sass 建構要求 - 我創建了這個LibSassBuilder

我建議直接從命令行使用 sass。* 請注意:

Dart Sass 是 Sass 的主要實現

它可以作為 CLI 工具在全球範圍內安裝和使用,關鍵是不需要 npm 項目或管道。

您可以通過以下方式安裝sasschoco

choco install sass

或與npm

npm install -g sass

然後您可以右鍵點擊wwwroot並選擇Open in terminal並以 sass 啟用的本機方式建構和觀看。要觀看所有內容,請參見以下內容

sass --watch .:.

在此處輸入圖像描述

  • (有點不情願,但其他解決方案,比如在每個建構上建構,都有很大的缺點。就像在每個建構上建構 sass 資源:當你沒有弄亂你的風格時,這真的很浪費……或者事實上,在我現在的情況是,WebCompiler擴展和LibSassBuilder上面提到的似乎都不適用於這個 Visual Studio 的預覽版。)

引用自:https://stackoverflow.com/questions/62670161