Comment puis-je charger dynamiquement les règles Less.js après le chargement initial de la page ?

Chargement dynamique des règles Less.js

L'intégration de Less.js dans un site Web peut améliorer ses capacités de style. Cependant, une limitation rencontrée est la nécessité de charger toutes les feuilles de style LESS avant le script Less.js. Cela peut poser un défi lorsque certains styles doivent être chargés dynamiquement après le chargement initial de la page.

Limites actuelles

Actuellement, Less.js dicte que l'ordre de chargement des fichiers externes les feuilles de style et le script jouent un rôle crucial. L'inversion de l'ordre, comme indiqué ci-dessous, ne parvient pas à charger le fichier style.less dans Firefox et Chrome :

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

Solution dans Less.js v1.0.31

Pour remédier à cette limitation, la version 1.0.31 de Less.js a introduit une méthode appelée less.refreshStyles(). Cette méthode permet la recompilation des fichiers