2016-03-04 3 views
0

У меня проблема, когда я не могу понять, почему опция Less @import работает не так, как ожидалось, несмотря на многочисленные опции Less @import. Вот файл в вопросе (app.less):Меньше @import не работает как ожидалось

@import "theme"; 
.nav-wrapper--background-white { 
    background-color: #ffffff; 
} 

Первоначально, когда я вхожу действительный меньше кода в theme.less, тем меньше компилятор делает несколько вещей:

1) сгенерированные theme.css. 2) Он генерирует app.less, который включает CSS от theme.css.

Это замечательно. Однако, если я буду делать последующие изменения в theme.less, компилятор Less регенерирует theme.css с изменениями, но изменения в theme.css не объединены в app.css.

Надеюсь, что всякий раз, когда я внес изменения в ссылочный theme.less, его theme.css будет включен в app.css.

Я делаю такие вещи в SASS/SCSS и работает, как ожидалось. Я только начал с Меньше вчера и предполагаю, что то же самое можно добиться. Любые указатели будут очень благодарны.

ответ

0

Это звучит как проблема с вашим компилятором. Я предполагаю из ваших тегов, которые вы используете, поскольку то, что вы описываете, звучит как ожидаемое поведение.

Как вы скомпилируете свое меньше?

+0

Привет, Джон, я использую то, что, по моему мнению, является официальной версией Less, найденной в папке node_modules моей установки UIKit CSS. Я думаю, что это было загружено после запуска «npm install» в соответствии с инструкциями по установке UIKit. Компиляция запускается «gulp watch -t hsa», которая отслеживает изменения в моей теме UIKit. Я новичок в UIKit и Less, поэтому просто чувствую свой путь. – GazleyGeester

+0

Это похоже на ошибку в том, как UIKit следит за изменениями в ваших файлах и объединяет файлы вместе. Перечитывая свой первоначальный вопрос, одна часть, которая не имеет большого смысла, - это (2). Он генерирует 'app.less' или' app.css'? Возможно, стоит написать свой собственный 'gulpfile.js' с единственной задачей для компиляции вашего меньше, чтобы определить, действительно ли проблема в UIKit. Я создал быстрый [пример для вас здесь] (https://gist.github.com/roobottom/7871827d6ef24d1c3e08) –

+0

Спасибо, Джон, за то, что нашли время для создания файла примера. Это было действительно полезно. Да, 2) это моя опечатка - она ​​должна была сказать «app.css». – GazleyGeester