是否在客戶端或服務器端完成了對CSS的轉換？

Question

在很多關於比較LESS/SASS的文章中，有人聲稱LESS將使用JavaScript代碼在客戶端轉換為CSS 。

我還在ASP.NET MVC中找到了一個名為LessTransform東西，用於捆綁。

例如：

var bundle = new StyleBundle("~/Content/style").Include(
    "~/Content/myStyles.less");
bundle.Transforms.Add(new LessTransform());

bundles.Add(bundle);    

問題1：通過這種方式， LESS正在服務器端完成嗎？

大多數比較都注意到LESS是客戶端（作為性能上的弱點），SASS更好地與Ruby集成。

問題2：因為LessTransform LESS在使用ASP.NET MVC 4.0時是一個更簡單的選擇嗎？

Answer 1

1. 是的，在您的示例中，轉換是服務器端的。 可以在客戶端編譯它，但是捆綁這不是這種情況。 當我說客戶端我的意思是瀏覽器而不是所有的瀏覽器都支持這個（僅限現代）。

2. 我同意在asp.net mvc中少得多的支持。 特別是Visual Studio Web Essentials支持更少。

http://vswebessentials.com/features/less

我經常用它來：

• 無.css預覽
• 查看.less編譯的輸出
• 提取變量/ mixins

更新

它確實支持Sass，但它有限並於2013年5月5日發布。

要證明.less是在服務器上編譯的，如果將以下內容添加到bundle中的less文件中（未編譯）：

@color: #4D926F;

#header {
  color: @color;
}
h2 {
  color: @color;
}

然后查看在編譯的瀏覽器中返回的響應：

#header {
  color: #4d926f;
}
h2 {
  color: #4d926f;
}