Chargement dynamique des feuilles de style LESS

Vous avez exprimé votre intérêt pour l'utilisation de LESS.js tout en exigeant le chargement dynamique de certains styles après la page initiale. charger. Cependant, le comportement existant de LESS.js exige que toutes les feuilles de style LESS soient chargées avant le script LESS.js, comme le démontre l'exemple fonctionnel ci-dessous :

Un échec se produit lorsque cet ordre est inversé, car ni Firefox ni Chrome tente de charger la feuille de style à moins qu'elle ne précède le script. Cette exigence de commande est appliquée en raison de la nature du processus d'analyse de LESS.js.

Présentation de less.refreshStyles()

Pour répondre à votre besoin de style dynamique, version 1.0 .31 de LESS.js introduit la méthode less.refreshStyles(). Cette méthode permet la recompilation des balises

Pour implémenter cette fonctionnalité, incorporez simplement la ligne suivante après avoir chargé les éventuelles feuilles de style LESS dynamiques :

less.refreshStyles();

Exemple de code

Pour démontrer la fonctionnalité, vous pouvez modifier l'extrait de code de test que vous avez fourni pour inclure cette ligne après le chargement dynamique de la feuille de style :

Cette modification demandera à LESS.js de recompiler la feuille de style dynamique, lui permettant de prendre effet sans avoir besoin de recharger la page.