У меня проблема, когда я не могу понять, почему опция 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 и работает, как ожидалось. Я только начал с Меньше вчера и предполагаю, что то же самое можно добиться. Любые указатели будут очень благодарны.
Привет, Джон, я использую то, что, по моему мнению, является официальной версией Less, найденной в папке node_modules моей установки UIKit CSS. Я думаю, что это было загружено после запуска «npm install» в соответствии с инструкциями по установке UIKit. Компиляция запускается «gulp watch -t hsa», которая отслеживает изменения в моей теме UIKit. Я новичок в UIKit и Less, поэтому просто чувствую свой путь. – GazleyGeester
Это похоже на ошибку в том, как UIKit следит за изменениями в ваших файлах и объединяет файлы вместе. Перечитывая свой первоначальный вопрос, одна часть, которая не имеет большого смысла, - это (2). Он генерирует 'app.less' или' app.css'? Возможно, стоит написать свой собственный 'gulpfile.js' с единственной задачей для компиляции вашего меньше, чтобы определить, действительно ли проблема в UIKit. Я создал быстрый [пример для вас здесь] (https://gist.github.com/roobottom/7871827d6ef24d1c3e08) –
Спасибо, Джон, за то, что нашли время для создания файла примера. Это было действительно полезно. Да, 2) это моя опечатка - она должна была сказать «app.css». – GazleyGeester