Я пытаюсь узнать меньше с помощью Web Essentials 2012.
С самого начала этот код LESS:
@main-color: red;
.mega-warning {
font-size: 24px;
color: @main-color;
}
дает ошибку компиляции "МЕНЬ: непризнанный вход", и компиляция прекращается. Когда я объявляю переменную @main-color внутри области класса .mega-warning, все работает:
.mega-warning {
@main-color: red;
font-size: 24px;
color: @main-color;
}
Что мне не хватает?
Я борюсь с той же проблемой. Похоже, что Web Essentials 2012 v2.9 по какой-то причине не очень-то рад о *.less файлах, начинающихся с объявления переменных. Вот мой способ:
html{}
@main-color: red;
.mega-warning {
font-size: 24px;
color: @main-color;
}
Как ни странно, все работает отлично, когда используется автономный lessc 1.4.2-компилятор (который включен в WE2012 2.9 по changelog). Я отправил электронное письмо автору расширений Web Essentials и разместил ему ссылку на этот вопрос, поэтому, надеюсь, он обратится к нему довольно скоро.
Сохранить меньше файлов с кодировкой "UTF-8 без спецификации" . Такой подход был предложен в сообщении Веб-узлы VS 2012 с меньшей компиляцией
Попробуйте это, если вы добавили ссылку на меньшее количество файлов:
rel="stylesheet/less"
С этим ваша ссылка будет выглядеть как
<link rel="stylesheet/less" type="text/css" href="styles.less" />
Загрузите less.js и добавьте тег <script>, ссылающийся на него в <head>. Css <link> должен появиться перед <script>.
У меня была эта проблема в VS/Web Essentials 2013. Мое решение состояло в том, чтобы воссоздать файл .less с помощью шаблона. Я изначально только что изменил расширение с .css на .less, но, видимо, это не сработало. Поэтому используйте шаблон Visual Studio для файла .less.
Я не уверен, что этот шаблон .less пришел, хотя он, возможно, пришел с веб-Essentials, или он, возможно, пришел в SideWaffle.