Компилируем LESS в CSS удобно!

31 Янв
2012

Все верстальщики знают, что CSS довольно избыточен. А еще ограничен, так как не позволяет использовать, например, переменные и математические выражения. Именно потому появились и получили широкое распространение метаязыки на основе CSS, такие как: SASS/SCSS, LESS, Stylus и другие.
image
Каждый выбирает то, что ему по вкусу, а я для себя выбрал LESS. Все меня в нем устраивает. Не устраивало одно – не было ни одного внятного компилятора из LESS в CSS. Понятно, что сильная сторона LESS в том, что он может компилировать CSS-код прямо на клиенте, но это далеко не всегда уместно из-за проблем с ожиданием этой самой компиляции. На одном проекте я ждал компиляции и применения стилей почти почти минуту! То есть почти минуту я видел страницу без CSS, а значит ее такой увидели бы и другие посетители, а это никуда не годится.

Под MacOS – варианты есть, а вот под Windows – не находил. И, в конце прошлого года, мне таки удалось найти отличный компилятор из LESS в CSS под Windows. Имя ему – SimpLESS.

Чем же он так хорош помимо того, что один в своем роде? А вот:
  • Удобство работы. Просто перетащите папку с рабочим проектом в окно программы – и вот вы уже готовы к работе! SimpLESS отлавливает изменения LESS-файлов проекта и автоматически компилирует css-файл.
  • SimpLESS автоматически минифицирует скомпилированный CSS. При необходимости можно отключить эту фичу, написав //simpless:!minify в LESS-файле.
  • SimpLESS понимает все фишки LESS. Можно спокойно разбивать CSS-файл на несколько файлов – когда обновится какой-либо из LESS-файлов, SimpLESS перекомпилирует проект.
  • SimpLESS распознает ошибки в LESS-коде и сообщает, если находит таковые. Причем не забывает указать файл и номер строки с ошибкой.

В итоге мы можем работать с понятным и удобным LESS, а в продакшн выкладывать уже скомпилированный css-файлик. Фак йеах!
По материалам Хабрахабр.



загрузка...

Комментарии:

Наверх