Lesscss y ASP.NET MVC

Question

Desde que cambié mi sitio de ASP.NET WebPages a MVC4, tengo problemas con Lesscss.

CSS + Javascript líneas:

<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> 

no tengo idea de lo que está mal. Los caminos son correctos. La hoja de estilos funciona cuando suelta el '/ menos' del enlace CSS para usarlo normalmente. Al intentar utilizar el archivo Lesscom JS, se carga bien PERO no se carga ninguna hoja de cálculo. Las herramientas de desarrollo F12 en IE también confirman que la hoja de estilos no se está cargando.

¿Alguien más ha tenido problemas similares al usar Lesscss con MVC4?

Answer 1

Debe especificar el tipo mime para la menor extensión de archivo en su web.config y usarlo en su enlace si css.

<system.webServer> 
    <staticContent> 
    <mimeMap fileExtension=".less" mimeType="text/css" /> 
    </staticContent > 
</system.webServer> 

Personalmente Creo que usar puntoless y procesar esto en el servidor es una mejor manera de hacerlo.

Además, no es realmente una respuesta a su pregunta, sino solo un punto aparte: con MVC4 ya no necesita @ Url.Content(). http://www.davidhayden.me/blog/asp.net-mvc-4-the-new-tilde-slash-feature-in-razor-2

Answer 2

En mi opinión, una forma sencilla de configurar esto es usar nuget. No tienes que usar nuget pero simplemente hace las cosas tan fáciles.

1. Instalar dotless usando nuget.
2. Instalar System.Web.Optimization.Less usando nuget.

3. Añadir su paquete

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

4. de referencia del haz

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

5. Hecho