Gulp сборка для вёрстки

Категория: Статьи Тэги:

Мой gulp сборщик проекта по вёрстке. Включает в себя Pug(Jade) и Sass/scss. 

Решил для удобства вёрстки, решил сделать репозиторий на GitHub, с мультифункциональной  возможностью сборки для вёрстки.

Сборка включается в себя такие возможности:

browserSync — для просмотра результата сразу на нескольких устройствах и live reload.

Сборка HTML — если верстать просто в html файлах то можно с помощью конструкции «//= _include/header.html» подключать повторяющийся блоки кода в основной файл.

Шаблонизатор Pug(Jade) — есть возможность работать с шаблонизатором Pug он автоматически компилируется в html с помощью gulp.

PHP — скрипт отслеживает изменение php файлов и обновляется страницу в браузере.

JavaScript — скрипт собирает библиотеки из папки «js/lib/» в одни файл и минимизирует его. Так же он минимизирует основной файл «main.js».

SASS/SCSS — скрипт обрабатывает SASS/SCSS, прописывает префиксы и  минимизирует итоговый файл.

IMG min / sprite — скрипт из иконок в папке «icon» делает спрайт, стили генерирует и подключает автоматически. И все картинки минимизируются. 

 

Ссылка на репозиторий — https://github.com/magl88/m88themes-gulp