DotLess - Как импортировать LESS-файл в родительскую папку?

Question

У меня есть такая структура папок:

~/css/file1.less
~/css/folder/file2.less

Что я хочу сделать, это импортировать file1.less внутри file2.less, поэтому в моем file2.less у меня есть этот код:

@import "../file1.less";

Это не работает, и при компиляции проекта происходит сбой компилятора. Я выполняю компилятор в Visual Studio 2010.

Как я могу импортировать меньше файлов, помещенных в родительскую папку?

Answer 1

Вы должны добавить ./ к своему пути. Например:

@import "./../style.less";  /* Correct */
@import "../style.less";    /* Wrong */

Answer 2

Это похоже на ошибку в LESS.

Комментарии в отчете об ошибке показывают, что это исправлено в основной ветке, поэтому, если вы получите последнюю версию от git, возможно, она будет работать.

См. https://github.com/cloudhead/less.js/issues/177 иэтот пост в StackOverflow: Node.js + Express.js.Как сделать меньше CSS?

Answer 3

Я только что протестировал импорт файла, который на один уровень выше, чем вы это сделали, и он работает для меня. В чем ошибка компилятора при сбое?Ошибка может помочь вам.

В sidenote вы, вероятно, должны сохранять свои .less файлы структурированными по-другому.

Answer 4

Попробуйте это:

@import "~/root_css_folder/parentfolder/file1.less";