Динамическое тематическое использование, используя меньше в угловом приложении веб-пакета
Я создал угловое веб-приложение и хочу создать тему приложения полностью на основе ответа REST API (данные темы - цвета).
Я использую глобальный файл меньше, который используется на страницах приложения. я использую
less.modifyVars({"variableName":"Value"}) ;
less.refresh();
в контроллере и вызов работает, но менее переменные не меняются и не отражаются на страницах.
Я наблюдаю это потому, что при загрузке контроллера меньше файлов уже скомпилировано в css, а эти меньшие переменные не доступны динамически.
Кто-нибудь может предложить какой-либо другой подход или что я здесь упускаю? и как я могу изменить переменную less до ее компиляции в css с помощью веб-пакета. Или, скорее, перекомпилирует реже, чтобы получить последние значения из API без перезагрузки страницы.
ОБРАТИТЕ ВНИМАНИЕ: я использую npm для установки всех зависимостей, и меньше загружается из пакета json, а console.log (less) в контроллере говорит, что less не определено на клиенте.
Спасибо,