Web Essentials 2012 меньше импорта

Имею 2 файла, я хочу импортировать таблицу стилей переменных во второй файл, но в первом случае я получаю неправильный синтаксис в режиме предварительного просмотра, а во втором случае я получаю ошибку необъявленная переменная. В любом случае оба случая компилируются правильно.

1-й случай с ошибкой режима предварительного просмотра:

переменные.less:

@color-background: rgb(0, 0 , 0);

style1.less:

@import 'variables.less';
div
{
    color:@color-background;
} 

2-й случай с необъявленной переменной ошибкой:

переменные.less:

html{color:red;}
@color-background: rgb(0, 0 , 0);

style1.less:

html{color:red;}
@import 'variables.less';
div
{
    color:@color-background;
} 

html{color:red} - это просто исправление для режима предварительного просмотра. это может быть любой действительный HTML.

Проблема в том, что я мог запустить файл только с тегом html для получения режима предварительного просмотра, но не комментировать или импортировать директиву.


person Alex    schedule 05.01.2013    source источник


Ответы (1)


Это ошибка редактора LESS в Web Essentials. Чтобы обойти это, всегда размещайте директивы @import в верхней части документа.

Проблема была вызвана тем, что у вас было: html{color:red;} перед директивой @import.

Эта проблема будет исправлена ​​в следующем выпуске Web Essentials. Но пока без даты.

person Mads Kvist Kristensen    schedule 05.01.2013
comment
странно, @import у меня вообще не работает (ошибка предварительного просмотра, нет компиляции). У меня есть все мои LESS в одном файле :‹ - person Jonathan Wilson; 07.01.2014