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
19
A
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
- 1. Bedeutet doppelt weniger als minus "<< -" Zeichen irgendetwas in Rubin?
- 2. weniger Datei in eine andere weniger Datei importieren, aber Inhalt nicht enthalten
- 3. Operator <= C++ mehr weniger Fragezeichen Gleichheitszeichen
- 4. MVC Razor, akzeptieren weniger als Zeichen (<) in Texteingabe
- 5. C++ Win32-API enthalten <string>
- 6. Programmgesteuert auf den Abschnitt <compilation /> einer web.config zugreifen?
- 7. Wie viele sind zu viele enthalten in <HEAD>?
- 8. Wie können Dateien im Abschnitt <HEAD> versioniert werden?
- 9. Bearbeiten der <head> Abschnitt mit Javascript
- 10. Wie vertikal ausrichten <input> und <iframe> innerhalb <td> (Demo enthalten)
- 11. Verwenden Abschnitt in Teilansicht
- 12. System.Webserver Abschnitt in machine.config
- 13. Negative Variablen in weniger
- 14. Entfernen Sie Zeilen in Textdatei, die weniger als 4 Rohre enthalten
- 15. weniger als oder gleich
- 16. XML Parsing-Abschnitt für Abschnitt in SAX oder StAX
- 17. Mongo db Array-Werte mit mehr Abfragen und weniger als
- 18. Odd Eigenschaft Deklarationssyntax enthalten eckige Klammern <>
- 19. grunt-html-build - Prozessvariable in Abschnitt?
- 20. WENIGER Variablen
- 21. Alle <a> Tags, die keine rel = "nofollow" enthalten
- 22. render PHP-Inhalt in Abschnitt
- 23. Moustache Abschnitt in Couchdb Ausgaben
- 24. Aktuellen Abschnitt in Navbar hervorheben
- 25. Definiert in verworfenen Abschnitt Fehler
- 26. foreach und Abschnitt in Smarty
- 27. Farbverlauf in einem bestimmten Abschnitt
- 28. Kategorie Abschnitt in meinem CMS
- 29. Keine Gerüste Abschnitt in jsfiddle
- 30. '\ 0' auswertet falsch "\ 0" in <em>K & R</em> Abschnitt 5.5 beschrieben wahre
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
was ist Ihre Include-Zeile in '
'! – deepakb