Heim > Web-Frontend > CSS-Tutorial > Wie kann ich Less.js-Regeln nach dem ersten Laden der Seite dynamisch laden?

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

Patricia Arquette
Freigeben: 2024-10-24 19:41:02
Original
827 Leute haben es durchsucht

How can I dynamically load Less.js rules after the initial page load?

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>
Nach dem Login kopieren

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