Wie kann ich Less.js-Regeln nach dem ersten Laden der Seite dynamisch laden?

Less.js-Regeln dynamisch laden

Die Integration von Less.js in eine Website kann deren Gestaltungsmöglichkeiten verbessern. Eine Einschränkung besteht jedoch darin, dass alle LESS-Stylesheets vor dem Less.js-Skript geladen werden müssen. Dies kann eine Herausforderung darstellen, wenn bestimmte Stile nach dem ersten Laden der Seite dynamisch geladen werden müssen.

Aktuelle Einschränkungen

Derzeit schreibt Less.js vor, dass die Reihenfolge des Ladens extern ist Dabei spielen Stylesheets und das Skript eine entscheidende Rolle. Wenn Sie die Reihenfolge umkehren, wie unten gezeigt, kann die style.less-Datei sowohl in Firefox als auch in Chrome nicht geladen werden:

<link rel="stylesheet/less" href="/static/less/style.less"/>
<script src="http://lesscss.googlecode.com/files/less-1.0.30.min.js"></script>

Lösung in Less.js v1.0.31

Um diese Einschränkung zu beheben, wurde in Version 1.0.31 von Less.js eine Methode namens less.refreshStyles() eingeführt. Diese Methode ermöglicht die Neukompilierung von