My gulp expirience

Проект создан в качестве шаблона для работы с gulp

HOW TO USE

1// imports
2const { GulpBuilder, watch, series } = require("gulp-pipe-builder");
3const html = {
4    in: "./app/html/**/*.html",
5    out: "./dest",
6};
7// initialization new object
8const gpb = new GulpBuilder();
9// creating a function to minimize html
10const minhtml = async () => {
11    return gpb
12        .addSrc(html.in)
13        .addPlumberNotify()
14        .addHtmlmin({
15            collapseWhitespace: true,
16            removeComments: true,
17        })
18        .addDest(html.out);
19};
20// creating watcher function
21const watcher = async () => {
22    watch(html.in, minhtml);
23};
24
25// export task
26module.exports.default = series(minhtml, watcher);

gulp plugin

Функциональные

• gulp-concat - объединение файлов в один
• gulp-rename - переименовать файл
• gulp-clean - удалить указанные файлы
• gulp-tap - позволяет подключиться к пайплайну
• gulplog - логирование на всех уровнях
• gulp-buffer - работа с потоком если плагины не поддерживают потоки

Опциональные

• gulp-plumber - выводит ошибку не прерывая работу gulp
• gulp-notify - оповещение в систему
• gulp-filesize - размер файлов

HTML

• gulp-htmlmin - минификация html файла

CSS

• gulp-csso - минификация css кода
• gulp-autoprefixer - добавляет автоматически префиксы под браузеры

JS

• gulp-uglify - компрессор кода
• gulp-browserify - позволяет использовать require в js
• gulp-babel - позволяет использовать es6 в js

Компиляция

• gulp-jade - компиляция .jade кода в .html

Документация и инфогрфика

• gulp-jsdoc3 - создание из jsdoc документации html файл'
• gulp-plato - создание инфографики кода

Графика

• gulp-imagemin - минификатор картинок