gulp-fast-start

Что это?

Это простой стартовый комплект чтобы начать использовать Gulp, буквально в пару команд консоли. Включает в себя:

1. Минификатор css (gulp-cssmin)
2. Минификатор html (gulp-htmlmin)
3. Компилятор Jade (Pug.js) в html (gulp-pug)
4. Компрессор JS (gulp-uglify), компрессор SVG графики (gulp-svgmin)
5. Отслеживание изменений в файлах проекта (gulp-watch).

Установка

1. Скачать репозиторий себе, с гитхаба, или git Bash -> git clone https://github.com/marchenkovdmitry/gulp_fast_start
2. Убедиться, что на компьютере установлен Node.js
3. Открыть консоль в папке проекта и вызвать команду npm i. Дождаться установки зависимостей. (В windows консоль в паке открывается shift+правая кнопка мыши -> Открыть окно команд)
4. Вызвать команду gulp (Если выдаст ошибку, вызвать команду npm i gulp)
5. Для завершения работы над проектом нажать Ctrl+C.

В gulpfile.js описаны все таски. Есть подробные комментарии.

Возможные команды

gulp cssm - сжатие css.

gulp htmlm - сжатие обычного html (если вы в проекте не используете Jade(Pug.js). Если используете "gulp pug", использовать "gulp htmlm" нет необходимости, на выходе "gulp pug" уже сжатый html.

gulp pug - компиляция Jade(Pug.js) в html.

gulp jsm - сжатие javaScript (минификация).

gulp svgm - сжатие SVG графики.

gulp prod - выполняет все команды, с 1-5 в списке.

gulp watch - самостоятельное отслеживание изменений в файлах и запуск соответствующего процесса.

Структура папок

src - исходники проекта. В папке css файлы стилей, в html разметка страницы, в img - графика, js - скрипты. index.pug - стили препроцессора Jade(Pug.js).

app - собранный проект, готовый к использованию.