Lesscss und ASP.NET MVC

Question

Seit ich meine Site von ASP.NET WebPages auf MVC4 umgestellt habe, habe ich Probleme mit Lesscss.

CSS + Javascript Linien:

<link href="@Url.Content("~/Content/site.css")" rel="stylesheet/less" type="text/css" /> 
<script src="@Url.Content("~/Scripts/less-1.3.0.min.js")" type="text/javascript"></script> 

Ich habe keine Ahnung, was falsch ist. Die Pfade sind korrekt. Das Stylesheet funktioniert, wenn Sie "/ less" aus dem CSS-Link entfernen, um es normal zu verwenden. Wenn Sie versuchen, die Lesscss JS-Datei zu verwenden, wird sie geladen, aber es wird kein Syle-Sheet geladen. F12-Entwicklungstools im IE bestätigen auch, dass das Stylesheet nicht geladen wird.

Hat jemand anderes ähnliche Probleme bei der Verwendung von Lesscss mit MVC4?

Answer 1

Sie sollten den MIME-Typ für die Dateierweiterung low in Ihrer Datei web.config angeben und diese stattdessen in Ihrem Link verwenden, wenn css.

Persönlich ich Sache mit dotless und Verarbeitung dieser auf dem Server ist ein besserer Weg zu gehen.

Auch nicht wirklich eine Antwort auf Ihre Frage, aber nur ein Nebenpunkt - mit MVC4 brauchen Sie nicht mehr @ Url.Content(). http://www.davidhayden.me/blog/asp.net-mvc-4-the-new-tilde-slash-feature-in-razor-2

Answer 2

Meiner Meinung nach ist ein einfacher Weg, dies besser einzurichten, nuget. Sie müssen nicht nuget verwenden, aber es macht die Dinge einfach.

1. Installieren Sie dotless mit nugget.
2. Installieren Sie System.Web.Optimization.Less mit nugget.

3. Fügen Sie Ihr Bündel

   bundles.Add(new LessBundle("~/Content/less") 
          .Include("~/Content/less/more.less")); 
   

4. Referenz das Bündel

   @Styles.Render("~/Content/less") 
   

5. Geschehen