LESS.js - можно импортировать только один файл .less

Question

Я пытался разделить мои меньше файлов на разделы, чтобы облегчить их навигацию, и хочу импортировать их все, используя один основной файл, чтобы скомпилировать их в css.Мой файл style.less выглядит следующим образом:

@import "reset";
@import "colors";
@import "grid";
@import "functions";
@import "headings";
@import "listings";
@import "content";
@import "buttons";
@import "layout";
@import "forms";

Я использую Winless для компиляции, и он говорит «Успешная компиляция», но в результате файл CSS полностью пуст.Когда я изменяю свой файл style.less только на один импорт, он импортирует этот файл без проблем, поэтому я знаю, что это не проблема с каталогом файлов / правами доступа.Есть идеи?Это сводит меня с ума.Я люблю LESS, я не хочу делать все на одном листе.

Я на ПК.Кажется, у меня нет проблем с работой на OSX, но я использую Windows 7 дома и мне нужно что-то вроде Winless.Я получаю те же результаты, используя файл JavaScript на стороне клиента less.js.

Answer 1

Это старая проблема, и теперь она отлично работает с less.js в v2.5.3.

@import "reset.less";
@import "grid.less";
@import "color.less";
@import "custom.less";

Ссылка CDN ниже:

<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/2.5.3/less.min.js"></script>

Просто не забудьте поставить свой:

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

до ссылки на less.js.

Answer 2

Использование less.js вызывает у меня проблемы. Как и darylknight, я предлагаю альтернативу. Я представляю тебе WinLess

Answer 3

Я думаю, что это произошло из-за ошибки в LESS.js и с тех пор исправлено.Кроме того, я перешел на SimpLESS в Windows и CodeKit в OSX.Ни у одного из них нет таких же проблем.