Last less.js Regeln dynamisch

Question

Ich betrachte mit weniger . dieses Tutorial .

Gibt es eine Möglichkeit weniger Sheets nach dem ersten Laden der Seite zu laden?

Beachten Sie, dass

War es hilfreich?

einreichen

Lösung

Ich schob gerade 1.0.31 - eine Methode hat. less.refreshStyles() die wird neu kompilieren <style> Tags mit type="text/less" - probieren Sie es aus und lassen Sie mich wissen, ob es funktioniert

Answer 1

Ich schob gerade 1.0.31 - eine Methode hat. less.refreshStyles() die wird neu kompilieren <style> Tags mit type="text/less" - probieren Sie es aus und lassen Sie mich wissen, ob es funktioniert

Answer 2

Dank für diese Frage - es hat mir sehr geholfen. Ich bin nur das Thema, um die Aktualisierung zu zeigen, wie ich dynamisch eine CSS-Datei hinzufügen angetan hat.

Ich habe die letzte Version von LESS (1.3.3).

var stylesheetFile = 'file.css';
var link  = document.createElement('link');
link.rel  = "stylesheet";
link.type = "text/less";
link.href = stylesheetFile;
less.sheets.push(link);

less.refresh();

Answer 3

Sie können diese leichte verwenden (3k) Bibliothek faul Last weniger / css und js Dateien ( Disclaimer: ich bin der Autor)

.

Das ist so einfach wie:

lazy.load('/static/less/style.less');

Es kann auch einen Rückruf erhalten, einige weitere Vermögenswerte mit Abhängigkeiten laden und kümmert sich um Cache.

Answer 4

fand ich eine up-to-date-Version des Skripts, das perfekt mit LESS-Datei funktioniert:

  <script src="//cdnjs.cloudflare.com/ajax/libs/less.js/3.0.0/less.min.js"></script>

Statt mit

less.refreshStyles()

Verwendung

less.refresh()