gulpfile.js

'use strict';

/* ======== ПОДКЛЮЧЕНИЕ ПЛАГИНОВ ==================================================================================== */

var gulp         = require('gulp'),                         // gulp

    // Общие плагины gulp
    argv         = require('yargs').argv,                   // Разбор опций командной строки gulp
    gulpif       = require('gulp-if'),                      // Управление потоками выполнения gulp
    plumber      = require('gulp-plumber'),                 // Перехват ошибок
    browserSync  = require('browser-sync'),                 // Автоперезагрузка браузера
    gutil        = require('gulp-util'),                    // Различные вспомогательные утилиты

    // Работа с файлами
    path         = require('path'),                         // Модуль Node для работы с файловыми путями
    watch        = require('gulp-watch'),                   // Отслеживание изменений в файлах проекта
    del          = require('del'),                          // Удаление файлов и папок
    rigger	     = require('gulp-rigger'),                  // Плагин позволяет импортировать один файл в другой
    rename       = require('gulp-rename'),                  // Для переименования файлов
    concat       = require('gulp-concat'),                  // Конкатенация (соединение) файлов
    cache        = require('gulp-cache'),                   // Плагин для кеширования файлов
    newer        = require('gulp-newer'),                   // Работа только с изменившимися файлами

    // Работа с Javascript
    uglify       = require('gulp-uglify'),                  // Минификация JavaScript

    // Работа с HTML
    htmlmin      = require('gulp-htmlmin'),                 // Минификация HTML
    pug          = require('gulp-pug'),                     // Шаблонизатор pug (jade)

    // Работа с CSS
    sass	     = require('gulp-sass'),                    // Препроцессор SASS
    less         = require('gulp-less'),                    // Препроцессор LESS
    csso         = require('gulp-csso'),                    // Минификация CSS
    autoprefixer = require('gulp-autoprefixer'),            // Автоматическое добавление префиксов в CSS
    queries      = require('gulp-group-css-media-queries'), // Объединение медиа запросов

    // Работа с изображениями
    imagemin     = require('gulp-imagemin'),                // Сжатие и оптимизация изображений
    pngquant     = require('imagemin-pngquant'),            // Оптимизация PNG изображений

    // Развертывание проекта (FTP, Github и т.п.)
    ftp          = require('vinyl-ftp');                    // Работа с FTP

/* ================================================================================================================== */


/* ============= ПЕРЕМЕННЫЕ ========================================================================================= */

    // Загрузка кофигурации проекта
    var cfg          = require('./config');

    // Перезагрузка сервера
    var reload = browserSync.reload;

    // Перехват ошибок
    var err = {
        errorHandler: function (error) {
            gutil.log('Error: ' + error.message);
            gutil.beep();
            this.emit('end');
        }
    };
/* ================================================================================================================== */


/* ============ PRODUCTION? ========================================================================================= */

    // Узнаем какая конфигуцация (dev или production)
    var production = argv.production;

    // Если gulp запущен с ключом production, включаем минификацию
    if (production) {
            cfg.compress = {
                html: false,  // !!! Внимание для production html-минификация тоже отключена, включить если нужно !!!
                css: true,
                js:  true,
                img: true
            };
            cfg.pug.pretty=false; // !!! Внимание для production html-минификация у pug тоже отключена.
    }
/* ================================================================================================================== */


/* =========== ТАСК "CLEAN" ========================================================================================= */

    // Удаление папки сборки
    gulp.task('clean', function() {
        console.log('---------- Очистка папки сборки');
        return del.sync(cfg.paths.clean);
    });
/* ================================================================================================================== */


/* =========== ТАСК "SERVER" ======================================================================================== */

    //Запускаем локальный сервер
    gulp.task('server', function() {
        console.log('---------- Запуск локального сервера');
        browserSync(cfg.browserSync);
    });
/* ================================================================================================================== */


/* =========== ТАСК "HTML" ========================================================================================== */

    // Сборка HTML
    gulp.task('html', function () {
        console.log('---------- Сборка HTML');
        return gulp.src(cfg.paths.src.html)                         // Выбираем файлы по нужному пути
            .pipe(plumber(err))                                     // Отслеживаем ошибки
            .pipe(rigger())                                         // Обьединяем HTML через rigger
            .pipe(gulpif(production,htmlmin(cfg.htmlmin)))          // Минифицируем HTML если нужно (см. настройки)
            .pipe(gulp.dest(cfg.paths.build.html))                  // Копируем в папку назначения
            .pipe(reload({stream: true}));                          // Перезагружаем сервер
    });
/* ================================================================================================================== */


/* =========== ТАСК "PUG" =========================================================================================== */

    // Компиляция pug/jade шаблонов
    gulp.task('pug', function () {
        console.log('---------- Компиляция pug/jade шаблонов');
        return gulp.src(cfg.paths.src.pug)                          // Выбираем файлы по нужному пути
            .pipe(plumber(err))                                     // Отслеживаем ошибки
            .pipe(pug(cfg.pug))                                     // Компилируем pug-шаблоны
            .pipe(gulp.dest(cfg.paths.build.html))                  // Копируем в папку назначения
            .pipe(reload({stream: true}));                          // Перезагружаем сервер
    });
/* ================================================================================================================== */


/* ============ ТАСК "SASS" ========================================================================================= */

    // Компиляция SASS
    gulp.task('sass', function() {
        console.log('---------- Компиляция SASS');
        return gulp.src(cfg.paths.src.sass)                         // Выбираем основной файл scss
            .pipe(plumber(err))                                     // Отслеживаем ошибки
            .pipe(sass(cfg.sass))                                   // Преобразуем SASS в CSS
            .pipe(queries())                                        // Объединяем медиа запросы
            .pipe(autoprefixer(cfg.autoprefixer))                   // Прописываем вендорные префиксы
            .pipe(gulpif(production,csso()))                        // Минифицируем CSS если Production
            .pipe(rename(cfg.names.css))                            // Переименновываем css
            .pipe(gulp.dest(cfg.paths.build.css))                   // Выгружаем результат
            .pipe(reload({stream: true}));                          // Перезагружаем сервер
    });
/* ================================================================================================================== */


/* ============ ТАСК "LESS" ========================================================================================= */

    // Компиляция LESS
    gulp.task('less', function() {
        console.log('---------- Компиляция LESS');
        return gulp.src(cfg.paths.src.less)                         // Выбираем основной файл less
            .pipe(plumber(err))                                     // Отслеживаем ошибки
            .pipe(less())                                           // Преобразуем LESS в CSS
            .pipe(queries())                                        // Объединяем медиа запросы
            .pipe(autoprefixer(cfg.autoprefixer))                   // Прописываем вендорные префиксы
            .pipe(gulpif(production,csso()))                        // Минифицируем CSS если Production
            .pipe(rename(cfg.names.css))                            // Переименновываем css
            .pipe(gulp.dest(cfg.paths.build.css))                   // Выгружаем результат
            .pipe(reload({stream: true}));                          // Перезагружаем сервер
    });
/* ================================================================================================================== */



/* ============ ТАСК "JS" =========================================================================================== */

    // Сборка javascript
    gulp.task('js', function() {
        console.log('---------- Сборка JavaScript');
        return gulp.src(cfg.paths.src.js)                             // Выбираем основной файл javascript
            .pipe(plumber(err))                                       // Отслеживаем ошибки
            .pipe(rigger())                                           // Используем rigger если нужно для js Файлов
            .pipe(gulpif(production,uglify()))                        // Минифицируем JS если Production
            .pipe(rename(cfg.names.js))                               // Переименовываем
            .pipe(gulp.dest(cfg.paths.build.js))                      // Выгружаем результат
            .pipe(reload({stream: true}));                            //Перезагружаем сервер
    });
/* ================================================================================================================== */

/* ============ ТАСК "JSLIBS" =========================================================================================== */

    // Сборка javascript
    gulp.task('jslibs', function() {
        console.log('---------- Сборка JavaScript библиотек');
        return gulp.src(cfg.paths.src.jslibs)                             // Выбираем основной файл javascript
            .pipe(plumber(err))                                       // Отслеживаем ошибки
            .pipe(gulpif(production,uglify()))                        // Минифицируем JS если Production
            .pipe(rename(cfg.names.vendorjs))                               // Переименовываем
            .pipe(gulp.dest(cfg.paths.build.js))                      // Выгружаем результат
            .pipe(reload({stream: true}));                            //Перезагружаем сервер
    });
/* ================================================================================================================== */



/* ============ ТАСК "IMAGE" ======================================================================================== */

    // Обработка изображений
    gulp.task('img', function() {
        console.log('---------- Обработка изображений');
        return gulp.src(cfg.paths.src.img)                            // Берём все изображения
            .pipe(plumber(err))                                       // Отслеживаем ошибки
            .pipe(newer(cfg.paths.build.img))                         // Обрабатываем только изменившиеся
            .pipe(imagemin({                                          // Оптимизируем изображения
                interlaced: true,
                progressive: true,
                svgoPlugins: [{removeViewBox: false}],
                use: [pngquant()]                                     // Дополнительно оптимизируем png
            }))
            .pipe(gulp.dest(cfg.paths.build.img))                     // Выгружаем результат
            .pipe(reload({stream: true}));                            //Перезагружаем сервер
    });
/* ================================================================================================================== */


/* ============ ТАСК "FONTS" ======================================================================================== */

    // Копирование шрифтов
    gulp.task('fonts', function() {
        console.log('---------- Копирование шрифтов');
        return gulp.src(cfg.paths.src.fonts)                          // Берём шрифты
            .pipe(gulp.dest(cfg.paths.build.fonts))                   // Выгружаем на продакшн
            .pipe(reload({stream: true}));                            //Перезагружаем сервер
    });
/* ================================================================================================================== */


/* ============ ТАСК "BUILD" ======================================================================================== */

    // Сборка всех исходных файлов
    gulp.task('build', [
        'clean',
        'html',
        'js',
        'fonts',
        'img'
        ],
        function () { // Запуск опциональных задач
            if (cfg.use.less){
                gulp.run('less');
            }
            if (cfg.use.sass){
                gulp.run('sass');
            }
            if (cfg.use.pug){
                gulp.run('pug');
            }}
    );
/* ================================================================================================================== */

/* ============ ТАСК "WATCH" ======================================================================================== */

    // Наблюдение за изменяющимися файлами
    gulp.task('watch', function() {
        watch([cfg.paths.watch.html],function (event,cb) {
            gulp.start('html');
        }); // Наблюдение за HTML файлами
        watch([cfg.paths.watch.js],function (event,cb) {
            gulp.start('js');
        }); // Наблюдение за JS файлами
        watch([cfg.paths.watch.fonts],function (event,cb) {
            gulp.start('fonts');
        }); // Наблюдение за шрифтами
        watch([cfg.paths.watch.img],function (event,cb) {
            gulp.start('img');
        }); // Наблюдение за изображениями
        watch([cfg.paths.watch.sass],function (event,cb) {
            gulp.start('sass');
        }); // Наблюдение за sass-файлами
        watch([cfg.paths.watch.less],function (event,cb) {
            gulp.start('less');
        }); // Наблюдение за less-файлами
        watch([cfg.paths.watch.pug],function (event,cb) {
            gulp.start('pug');
        }); // Наблюдение за pug-файлами*!
});
/* ================================================================================================================== */


/* ============ ТАСК "FTP" ====================================================================================== */

gulp.task('ftp', function () {
    var conn = ftp.create({
        host:      '91.217.9.185',
        port:       21,
        user:      'deicer_3',
        password:  'recied',
        parallel:  10,
        log: gutil.log
    });

    var globs = [
        'build/**'
    ];

    return gulp.src(globs, {buffer: false})
        .pipe( conn.newer( '/test' ) )
        .pipe(conn.dest('/test'));


} );
/* ================================================================================================================== */


/* ============ ТАСК "DEFAULT" ====================================================================================== */

        gulp.task('default', ['build', 'server', 'watch']);
/* ================================================================================================================== */