2013-08-20 3 views
19

Welche Dateien benötigt werden, um in Abschnitt für weniger CSS aufzunehmen. Auf weniger offiziellen Seiten habe ich gerade gesehen, dass sie gesagt haben, .less und .js Datei einzuschließen. Aber es funktioniert nicht ohne .css-Datei.Weniger CSS-Datei enthalten in <head> Abschnitt

+3

Die JS-Datei konvertiert Ihre weniger CSS und fügt diese zu das DOM. Sind Sie sicher, Sie haben sie in der richtigen Reihenfolge hinzugefügt? – Sirko

+0

was ist Ihre Include-Zeile in ''! – deepakb

Antwort

35

zu LESS Dokumentation Bezug (http://lesscss.org/#client-side-usage):

Link zu Ihren .Weniger Stylesheets mit dem rel auf „Sheet/weniger“:

<link rel="stylesheet/less" type="text/css" href="styles.less" /> 

Dann less.js von oben auf der Seite herunterladen und schließen sie in den <head> Element Ihrer Seite, etwa so:

<script src="less.js" type="text/javascript"></script> 

Stellen Sie sicher, Ihre Stile sind Heets vor dem Skript.

Diese Methode führt dazu, dass die less-Datei als reguläre CSS-Datei fungiert und keine zusätzlichen Dateien benötigt werden.

Dies ist jedoch keine gute Praxis für Produktionsumgebungen. Sie sollten Ihre less-Datei in die css-Datei kompilieren und sie in Ihre <head>-Sektion einfügen, so wie sie ist ohne irgendwelche less- oder js-Dateien.

2
@import "styles.less"; 

ODER

@import "styles"; 

seine aus ur CSS-Datei .. Sie müssen es nur enthalten wie

<link rel="stylesheet/less" type="text/css" href="styles.less" /> 
Verwandte Themen