Author: Max S.

1. Сборка Front-
end’a
Автоматизация и структуризация

2. Ключевые вопросы
Зачем?
Что выбрать?
Преимущества?

3. Структура проекта

4. Задачи
- Сжатие и объединение js-файлов,
проверка валидности кода.
- Компиляция LESS, SASS файлов
- Автоматическое обновление страницы
после изменений.
- Сжатие скомпилированных CSS-файлов
- Создание “спрайтов” из изображений.

5. Инструменты для сборки
- Grunt (http://gruntjs.com)
- Gulp (http://gulpjs.com)
- Jake (http://jakejs.com)
- Broccoli (https://github.com/broccolijs/broccoli)
- Brunch (https://github.com/brunch/brunch)

6. Grunt
Преимущества:
- Большое количество плагинов:
1. http://gruntjs.com/plugins - 4,403
2. https://www.npmjs.com - 13502
- Универсальность.
- Много готовых решений.
Недостатки:
- Скорость работы.
- “Многословен”

7. Grunt Config File

8. Gulp
- Быстродействие (Node Streams)
- Относительная простота и читабельность
настроек файла конфигураций.
- Плагины выполняют только одну
функцию.

9. Gulp config file

10. Brunch
Документация:
https://github.com/brunch/brunch
Заготовки для приложения:
http://brunch.io/skeletons.html

11. Конец
Спасибо за внимание!