Простая и удобная сборка фронтэнд проекта на основе gulp с использованием препроцессора sass.
Старт проекта. Первым делом необходимо установить все зависимости npm.
$ npm installТакже сборка подразумевает возможность использования bower.
$ bower installПосле того как все необходимые плагины и компоненты подгружены, мы можем сделать первый билд нашего прокета.
$ gulp build-
Разделение областей разработки и релиза по папкам:
/src- папка разработки и/buld- папка готового проекта. -
Возможность отслеживания изменяемых файлов и автоматическое построение проекта.
$ gulp watch
или просто
$ gulp
-
В проекте установлена киллер-фича, возможность подключать в файл любой другой файл любого расширения, с помощью конструкции
//= ../path/filename.html
С её помощью можно подключать одиннаковые куски кода, например шапку и футер
html, если у вас в проекте подразумевается несколько старниц. Также можно cконкатинировать все js-файлы в необходимом порядке в один большой минифицированынй файл. Вообщем область применения данной фичи очень широкая и полезная имхо.- Также вы можете не билдить весь проект разом, если были выполнены изменения только в одной оласти кода. Можно пользоваться следующими командами
$ gulp html:build
$ gulp style:build
$ gulp js:build
$ gulp fonts:build
$ gulp image:build