Подарок всем front-end разработчикам. grunt(Jade+Stylus+Watch)

[m4a1fox]

Извините, но причем тут картинка из БК?

[systemiv]

Ну лично мне она напомнила меня, уставшего и изможденного от рутины окружающей нас среды.

[systemiv]

Не вижу ни каких серьезных заявлений. Установка займет 5-10 минут, попробуйте, и Вы поймете что необходимости в изображених тут нет. Это же не азбука для дошколят, основной целью является не показать цветные картинки, и не объяснить все по пунктам.

Основная цель это показать быстрый результат пользователю, который ни разу не раотал с этой технологией, смотивировать и подтолкнуть к изучению.

[amarao]

А почему код не на гитхабе? Вместо «модифицирую для вас», может быть, pull request будет логичнее?

[systemiv]

Потому что это скорее моя сборка, которую я повседневно использую. Я не планировал переходить на другие препроцессоры и пр.

[systemiv]

Я думаю будет возможен вариант с несколькими ветками.

[Xlab]

Секунду, а разве внутри гитхаба не сидят волшебные гномы, который модифицируют чужой код для нас? T_T

[creativ]

На самом деле Grunt — это очень удобный task runner, который можно использовать для любых повторяющихся задач. Grunt имеет огромную экосистему плагинов и для начала работы необходимо создать лишь Gruntfile.

При использование шаблонных проект для Front-End'a рекомендую посмотреть в сторону yeoman, который был создан для генерации шаблонов. Yeoman генерирует шаблонный проект на основе Grunt, Bower и Yo. Он позволит создать проект с использованием одного из существующих генераторов или создать собственный генератор.

Yeoman создаст все необходимые задачи для запуска тестов, сборки проекта, LiveReload, различные минификации и подготовка проекта к deploy.

Одни из моих любимых генераторов для Yeoman:
— webapp — генерирует шаблон для Front-End приложения на основе SASS, Autoprefix, LiveReload, Mocha
— mobile — генерирует шаблон для мобильного приложение на основе адаптивного framework'a на выбор и других полезных инструментов

[Xergin]

+1
то что нам 'дарит' автор, на yeoman'е собирается за 10-15 мин по мануалу.

[Bezdonas]

Напомнило презентацию Олега Громова.
bit.ly/1heTpMz

[RekrutUA]

хм, вроде внимательно прочитал, но так и не понял чем это отличается от Компаса, livePage (плагин хрома) и Sublime Text c Emet-ом.
Чем Imagemin отличается от 4ёх кликов в фотошопе?

[CyberAP]

nib стоило бы заменить на autoprefixer.

[rodweb]

Статья ни о чём. Всё самое интересное осталось за кадром.

в качестве небольшого подарка я подготовил небольшой инструмент

Такие инструменты собираются пачками с помощью yeoman или grunt-init. Расскажите лучше о преимуществах таск раннеров и сборщиков проектов.

[systemiv]

У меня на готове серия статей по grunt.js, require.js, backbone.js.
Наберитесь терпения, попробую написать более качественно и охватить макс. кол-во плюшек

[maxsolovev]

github.com/TessaHarmon/brunch-jade-stylus

Бранч с Джейдом и Стайлусом. Минификатор и прочее можно накатить из плагинов: brunch.io/plugins.html
Лично мне понравился больше, чем Грант.

[rWeb]

Вообще не совсем понятно на кого рассчитана данная статья и инструментарий, который в ней представлен. Если на разработчиков, которые уже знакомы и работают с gruntjs, то, как мне кажется, у каждого из них имеется подобная сборка для облегчения рутинных задач. Если на людей, которые не знакомы с gruntjs, то не помешало хотя бы пару вводных статей по данному инструменту. Отличный пример: frontender.info/grunt-is-not-weird-and-hard/ перевод статьи Криса Койера 24ways.org/2013/grunt-is-not-weird-and-hard/

[DIKunin]

Относительно недавно собрал аналогичную штуку для yeoman github.com/DKunin/generator-barry — правда пока без imagemin ))) Но за этим дело не станет)

[Leony]

Jade — хорош только для макета, не для стилёвки.
Watch, LiveReload, Imagemin, Connect — всё это плагины и команда Грунта.