Импорт LESS CSS файлов с переменными - PullRequest
1 голос
/ 04 апреля 2011

У меня есть 2 Меньших CSS-файла с именами core.less и style.less

core.less находится в каталоге: \ css \ core.less и его содержимое ниже:

body {
    background: @bg_color;
    color: @font_color;
}

style.less находится в: \ css \ green \ style.less и его содержимое ниже:

@bg_color: #0F0;
@font_color: #FFF;
@import "../../core.less";

Файл core.less содержит все правила CSS в LESSформат, но не предоставляет определения для переменных.

style.less определяет все переменные, указанные в core.less, а затем импортирует файл core.less.

У меня нет проблем с компиляцией style.less, так как он импортирует все правила из основного файла.Файл core.less не может быть скомпилирован - он будет генерировать ошибки, поскольку он не содержит определения переменных.

Теперь я хотел бы также скомпилировать файл core.css (просто дляубедитесь, что в моих LESS-правилах нет ошибок).Есть ли способ добавить в файл core.less некоторые фиктивные переменные / переменные-заполнители, чтобы их можно было выполнять без ошибок и при этом работать с настройками, которые я объяснил выше?

Я открыт для предложений по изменению формата / структуры файлов.

Ответы [ 2 ]

6 голосов
/ 04 апреля 2011

Импортируя core.less в style.less вы компилируете "МЕНЬШИЕ правила" core.less.

1 голос
/ 04 апреля 2011

Возможно, вам не следует определять переменные, необходимые в core.less, вне core.less. Я обычно делаю «основные» файлы (на самом деле, на любом языке программирования), не зависящие от остального кода.

...