insieme .less con Razor
-
28-09-2019 - |
Domanda
E 'possibile utilizzare Razor View Engine (ASP.NET MVC) insieme .less (simile al SASS - http: / /lesscss.org/ per NET), dato che sono entrambi utilizzando "@blah"?
Quello che voglio raggiungere è quello di creare file CSS .less, mescolati con il rasoio.
AGGIORNAMENTO:
Ci scusiamo per essere un po 'aspecifica. Quello che voglio fare è quello di utilizzare Razor Guarda motore entro i file css .less (dotlesscss). Questo sarebbe bello per esempio passare del sito-settings come tema personalizzato da un amministratore nel file css.
Il problema è che la sintassi andrà in crash.
Un'alternativa è quella di utilizzare C # o qualche altro motore di vista, invece.
Soluzione
Si dovrebbe considerare l'utilizzo di biblioteca SquishIt di Justin Etheredge. Non solo comprende la biblioteca dotlesscss, sarà combinare e minify il tuo CSS e Javascript con facilità!
Ecco un esempio di come io uso SquishIt in Razor.
Il seguente codice combinerà, minify e LESSify tutti i file CSS di riferimento in un unico file CSS. Si farà lo stesso con i file 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"))
aspetto di output come questo:
<link rel="stylesheet" type="text/css" href="/media/css/combined_312454.css" />
<script type="text/javascript" href="/media/js/combined_312454.js"></script>
UPDATE (oltre 1 anno dopo) ...
Un altro progetto si potrebbe desiderare di guardare è Cassette che fa praticamente tutto SquishIt fa (e non solo).
Altri suggerimenti
MENO e il motore Razor non sono correlati.
Se siete interessati a utilizzare MENO, check out dotlesscss. Vedere la sua Git repository e wiki . Per qualche ragione, la sua sito principale è giù da agosto e non hanno portato il backup.
.NET 4.5 e MVC 4 ora ha questa out of the box
http://www.asp.net/mvc/ tutorial / MVC-4 / bundling-e-minification