Grunt, connect, jade, less, livereload быстрая вёрстка

Question

[v_poroshok]

Хочется собрать окружение для быстрой вёрстки html/css с использованием jade и less. Сейчас собрал на коленке connect-сервер с подключённым livereload, less-monitor и middleware для jade. Есть две проблемы — обновление jade и слишком частая перезагрузка страницы при первом обращении, от чего сервер падает. Посмотрел, что grunt как раз для таких задач подходит. Из требований: есть папка src с подпапками jade и less, есть папка с публичкой, в которую должны падать конечные html, css. Желательно компиляция только головных файлов, как в том же less-monitor — компилируется только файл, который никуда не импортируется. Аналогично для jade. Может кто-то уже заморачивался подобным и есть готовые решения? Я не нашёл.

Answer 1

[Константин Величко]

Посмотрите мой велосипед, github.com/Zoxon/gulp-front там правда стилус вместо леса, но это быстро исправляется. Постоянно допиливаю, но пока сыровато чтобы выкладывать

Comments

[Константин Величко]

@Grawl не понимаю о чем вы, в jade есть такие функции.
почитайте доки https://github.com/gulpjs/gulp/tree/master/docs

[Константин Величко]

@Grawl gulp-jade просто адаптер для jade, умеет то же самое что и jade, grunt-jade и тд

[Константин Величко]

да
вот например у меня в каждом файле

extends partials/_layout
include partials/_funсtions

block content
.b-page

Answer 2

[Андрей Tantalid]

Под windows есть прога
alphapixels.com/prepros
Правда он не соответствует всем требованиям:
1. Собирает все jade файлы, а не только готовые
2. Less так же собирает каждый при изменении, но можно настроить в программе.
3. Если изменять css то не работает livereload

Еще как вариант. Использовать для каждой стадии отдельную программу
less - winless
jade - prepros
livereload - livereload
Но это не красивое решение.

Answer 3

[7rulnik]

https://github.com/yeoman/generator-webapp останется добавить less и jade.
Можете в репозиторий свой засунуть итоговую версию. Или плагинчик для йомэна дописать.
upd: https://gist.github.com/7rulnik/70fe848ede47a3a697fa вот мой стандартный грантфайл.
Прочитайте про usemin еще.