less.modifyVars не работает в Asp.Net MVC

Question

Я прочитал this учебник для работы с Less в Asp.Net MVC5.

Чтобы интегрировать LESS в ASP.NET MVC, я загружаю и устанавливаю пакет NuGet dotless.

А потом добавили эту связку:

var lessBundle = new Bundle("~/Less").Include("~/Content/Less/*.less"); 
lessBundle.Transforms.Add(new LessTransform()); 
lessBundle.Transforms.Add(new CssMinify()); 
bundles.Add(lessBundle); 

Вот является LessTransform:

public class LessTransform : IBundleTransform 
{ 
    public void Process(BundleContext context, BundleResponse response) 
    { 
    response.Content = dotless.Core.Less.Parse(response.Content); 
    response.ContentType = "text/css"; 
    } 
} 

До сих пор так хорошо. Все работает так, как ожидается.

Вот часть из моего .less файла:

@CustomMessageBackgroundColor: #65B6A7; 

div.custom-dialog { 
    ... 
    background: @CustomMessageBackgroundColor; 
} 

Теперь я хочу, чтобы изменить значение этой переменной из .js файла динамически:

less.modifyVars({ '@CustomMessageBackgroundColor': 'blue' }); 
less.refreshStyles(); 

Но это не работает. Я прочитал все вопросы, и, насколько я понимаю, это должно сработать.

Спасибо.

Answer 1

Вы смешиваете два разных варианта компилятора LESS.

Ваш Javascript вызов может работать, если вы используете less.js в браузере, чтобы составить таблицы стилей, но так как вы собираете их на стороне сервера с dotless, что вы получаете в браузер не скомпилированный CSS больше, которые не содержит переменные - они уже расширены в этой точке.