.与Razor一起

Question

是否可以将Razor View Engine(ASP.NET MVC)与.LESS(类似于SASS - http://lesscss.org/ for .NET)一起使用,因为它们都使用"@blah"？

我想要实现的是创建.LESS css文件,与Razor混合使用.

更新:

很抱歉有点不明确.我想要做的是在.less(dotlesscss)css文件中使用Razor View Engine.这样可以很好地将例如从管理员定制的主题等站点设置传递到css文件中.

问题是语法会崩溃.

另一种方法是使用C#或其他一些View Engine.

Answer 1

你应该考虑使用Justin Etheredge的SquishIt库.它不仅包括dotlesscss库,它还可以轻松地组合和缩小您的CSS和Javascript!

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

这是我在Razor中如何使用SquishIt的一个例子.

以下代码将所有引用到一个CSS文件中的CSS文件组合,缩小和LESSify.它将对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>

更新(超过1年后)......
你可能想要看的另一个项目是Cassette,它几乎可以完成SquishIt所做的一切(以及更多).