.LESS和Razor

Question

是否可以使用Razor (ASP.NET MVC)和.LESS (类似于SASS - http://lesscss.org/ for .NET)，因为它们都使用"@blah"？

我想要实现的是创建.LESS css文件，与Razor混合。

更新：

抱歉，我有点不明确。我想要做的是使用Razor引擎在.less (无绳css )css文件中。这将是很好的，以便例如通过网站设置，如主题定制从一个管理员到css文件。

问题是语法会崩溃。

另一种选择是使用C#或其他视图引擎。

Answer 1

您应该考虑使用的SquishIt库。它不仅包括无点CSS库，它将合并和缩小您的CSS和Javascript轻松！

• 关于SquishIt的博客文章
• GitHub上的源代码

下面是我如何在Razor中使用SquishIt的一个例子。

下面的代码将合并、缩小和LESSify引用的所有CSS文件到一个CSS文件中。它将对Javascript文件进行同样的处理。

@MvcHtmlString.Create(
  SquishIt.Framework.Bundle.Css()
    .Add("~/media/css/reset.css")
    .Add("~/media/css/style.less")
    .Add("~/media/css/handheld.css")
    .Render("~/media/css/combined_#.css"))

@MvcHtmlString.Create(
  SquishIt.Framework.Bundle.JavaScript()
    .Add("~/media/js/geo.js")
    .Add("~/media/js/jquery-1.4.4.js")
    .Add("~/media/js/jquery.unobtrusive-ajax.js")
    .Add("~/media/js/jquery.validate.js")
    .Add("~/media/js/jquery.validate.unobtrusive.js")
    .Render("~/media/js/combined_#.js"))

输出如下：

<link rel="stylesheet" type="text/css" href="/media/css/combined_312454.css" />
<script type="text/javascript" href="/media/js/combined_312454.js"></script>

更新(一年多后).

您可能想要查看的另一个项目是盒式磁带，它几乎完成了SquishIt所做的一切(以及更多)。

Answer 2

更少和Razor引擎没有关系。

如果你对使用更少的东西感兴趣，请检查一下。看看它的Git存储库和维基。出于某种原因，它的主网站关闭自8月以来一直没有恢复。

Answer 3

.NET 4.5和MVC 4现在已经开箱即用了。

http://www.asp.net/mvc/tutorials/mvc-4/bundling-and-minification