Для быстрого старта проекта нужно ввести несколько команд:

clone https://github.com/joker8999/web-app-box.git Webapp cd Webapp npm install

После установки всех зависимостей проекта можно приступать к разработке:

gulp dev

Для минификации всех файлов и сборки всего проекта:

gulp

Весь проект будет собран в папке dist корневой директории.

Наиболее развитое и стабильное расширение CSS профессионального уровня. Поддерживает использование переменных, mixin и многое другое.

Автоматизация рутинных процессов в проекте

Таск-менеджер gulp.js. Небольшое приложение, которое используется для автоматизации рутинных задач, которые приходится неоднократно выполнять в процессе разработки вашего проекта. Такими задачами к примеру могут быть, препроцессинг CSS, минификация и конкатенация файлов и многое другое.

###Установленные плагины

gulp-autoprefixe - автоматическое добавление префиксов к вашим стилям CSS gulp-minify-css - минификация стилей CSS gulp-sass - компиляция CSS gulp-uncss - удаление неиспользуемых стилей CSS gulp-concat - конкатенация файлов

gulp-minify-html - минификация HTML

gulp-babel - переписывает код ES-2015 в код на предыдущем стандарте ES5. gulp-jshint - проверка кода JavaScript gulp-uglify - сжатие кода JavaScript

gulp-imagemin - минификация PNG, JPEG, GIF и SVG картинок

NPM - это пакетный менеджер node.js. C его помощью можно управлять модулями и зависимостями проекта. Установить все зависимости проекта:

npm install

Browser-sync - это живая перезагрузка страницы после изменения исходных файлов в том числе и серверных.

возможность синхронизации между любыми устройствами (планшеты, смартфоны и др). возможность синхронизации между браузерами. Скроллинг, данные в формах и др.