среда, 11 февраля 2015
13:13

less

все записи пользователя в сообществе .Тапка.
Знаете ли вы какие-нибудь дельны статьи по боевому применению less? Объявление переменных, миксинов и прочих радостей это все понятно, интересует то как организовать less файлы как их подключить к css файлу и закомитить. тут начинаются проблемы и чудеса о_О буду очень благодарна за наводки.

@темы: less, html, css

URL
Комментарии
11.02.2015 в 15:50

Скептичный циник
Миру - мир. А Вам - пломбир!
"Подключить к css"? Sass/less это же препроцессор. Оно генерит из scss/less исходников готовый css, который уже отдаётся в браузер.
Из инструментов генерации я например использую compass и/или grunt. Достаточно положить config.rb/Gruntfile.js в корень проекта, настроить по туториалу и всё.

Best practices зависят от проекта, где-то нет смысла наворачивать сложности. Их можете прочитать здесь.
На средних и крупных проектах лично я веду примерно такую структуру (но это дело вкуса):
читать дальше
URL
11.02.2015 в 16:02

.Тапка.
Скептичный циник, спасибо!
просто если например несколько разных less, их надо подключить же к одному css и этот css как-то закомпелировать, а потом css подключить в html. по меньшей мере так я поняла.
URL
11.02.2015 в 16:11

Скептичный циник
Миру - мир. А Вам - пломбир!
Да, в целом всё правильно.
Все файлы less/scss организованы между собой с помощью внутренних @include. Далее, compass/grunt собирает "главный", в котором находятся одни @include (в моём примере это style.sass) и отдаёт на выходе css.
А его уже подключаем в html как любой другой css.
URL
11.02.2015 в 17:59

Еще можно собирать через gulp

примеры:

code.tutsplus.com/tutorials/gulp-as-a-developme...
julienrenaux.fr/2014/05/25/introduction-to-gulp...
URL