Динамическая загрузка таблиц стилей LESS

Вы выразили заинтересованность в использовании LESS.js, требуя динамической загрузки определенных стилей после начальной страницы нагрузка. Однако существующее поведение LESS.js требует, чтобы все таблицы стилей LESS загружались перед сценарием LESS.js, как показано в функциональном примере ниже:

Сбой происходит, когда этот порядок инвертируется, поскольку ни Firefox, ни Chrome пытается загрузить таблицу стилей, если она не предшествует сценарию. Это требование к порядку применяется из-за особенностей процесса синтаксического анализа LESS.js.

Представляем less.refreshStyles()

Чтобы удовлетворить ваши потребности в динамическом стиле, версия 1.0 В версии .31 LESS.js представлен метод less.refreshStyles(). Этот метод позволяет перекомпилировать теги

Чтобы реализовать эту функцию, просто включите следующую строку после загрузки любых динамических таблиц стилей LESS:

less.refreshStyles();

Пример кода

Чтобы продемонстрировать функциональность, вы можете изменить тестовый код фрагмент, который вы предоставили для включения этой строки после динамической загрузки таблицы стилей:

Эта модификация предписывает LESS.js перекомпилировать динамическую таблицу стилей, что позволит ей вступить в силу без необходимости перезагрузки страницы.