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

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

  • Вопрос задан
  • 4482 просмотра
Пригласить эксперта
Ответы на вопрос 3
Zoxon
@Zoxon
Веб-разработчик
Посмотрите мой велосипед, github.com/Zoxon/gulp-front там правда стилус вместо леса, но это быстро исправляется. Постоянно допиливаю, но пока сыровато чтобы выкладывать
Ответ написан
@Tantalid
Front-end developer
Под windows есть прога
alphapixels.com/prepros
Правда он не соответствует всем требованиям:
1. Собирает все jade файлы, а не только готовые
2. Less так же собирает каждый при изменении, но можно настроить в программе.
3. Если изменять css то не работает livereload

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

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы