МЕНЬШЕ: Непризнанный ввод

Я пытаюсь узнать меньше с помощью 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;
}

Что мне не хватает?

Ответ 1

Я борюсь с той же проблемой. Похоже, что 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 и разместил ему ссылку на этот вопрос, поэтому, надеюсь, он обратится к нему довольно скоро.

Ответ 3

Попробуйте это, если вы добавили ссылку на меньшее количество файлов:

rel="stylesheet/less"

С этим ваша ссылка будет выглядеть как

<link rel="stylesheet/less" type="text/css" href="styles.less" />

Загрузите less.js и добавьте тег <script>, ссылающийся на него в <head>. Css <link> должен появиться перед <script>.

Ответ 4

У меня была эта проблема в VS/Web Essentials 2013. Мое решение состояло в том, чтобы воссоздать файл .less с помощью шаблона. Я изначально только что изменил расширение с .css на .less, но, видимо, это не сработало. Поэтому используйте шаблон Visual Studio для файла .less.

Я не уверен, что этот шаблон .less пришел, хотя он, возможно, пришел с веб-Essentials, или он, возможно, пришел в SideWaffle.