2014-01-18 2 views
4

Во многих статьях об сравнении LESS/SASS было заявлено, что LESS будет преобразован в CSS со стороны клиента, используя код JavaScript.Преобразование LESS в CSS выполняется на стороне клиента или на стороне сервера?

Я также нашел что-то под названием LessTransform в ASP.NET MVC, которое используется в наборе.

Например:

var bundle = new StyleBundle("~/Content/style").Include(
    "~/Content/myStyles.less"); 
bundle.Transforms.Add(new LessTransform()); 

bundles.Add(bundle);  

Вопрос 1: это правда, что таким образом LESS заселение становится все сделано на стороне сервера?

Большинство сравнений заметили, что LESS - это клиентская сторона (как слабость в производительности), а SASS лучше интегрирована с Ruby.

Вопрос 2: Верно ли, что из-за LessTransform LESS является более простым вариантом при использовании ASP.NET MVC 4.0?

ответ

3
  1. Да, в вашем примере преобразование является серверным. Его можно скомпилировать на стороне клиента, но с привязкой это не так. Когда я говорю на стороне клиента, я имею в виду браузер, и не все браузеры поддерживают это (только для современных пользователей).

  2. Я согласен с тем, что в asp.net mvc меньше поддержки. Специально с Visual Studio Web Essentials с поддержкой меньше.

http://vswebessentials.com/features/less

Я часто использую его для:

  • .less в .css Предварительный просмотр
  • Просмотр выход из .less компиляции
  • Извлечение переменных/Примеси

Обновление

Это действительно поддерживало Сасса, но оно было ограничено и удалено с 5 мая 2013 года.

Чтобы доказать, что .less скомпилирован на сервере, если добавить следующее в файл меньше в комплекте (не скомпилированных):

@color: #4D926F; 

#header { 
    color: @color; 
} 
h2 { 
    color: @color; 
} 

Затем просмотрите ответ возвращаясь в браузере она компилируется:

#header { 
    color: #4d926f; 
} 
h2 { 
    color: #4d926f; 
} 

Compiled less

+0

Спасибо, я просто исправил опечатку и изменил расширение на 'less' – mehrandvd

Смежные вопросы