gulpfile.js

var gulp     = require('gulp'), // Подключаем Gulp
browserSync  = require('browser-sync'), // Подключаем Browser Sync
del          = require('del'), // Подключаем библиотеку для удаления файлов и папок
autoprefixer = require('gulp-autoprefixer'),// Подключаем библиотеку для автоматического добавления префиксов
concat       = require('gulp-concat'), // Подключаем gulp-concat (для конкатенации файлов)
cssnano      = require('gulp-cssnano'), // Подключаем пакет для минификации CSS
rename       = require('gulp-rename'), // Подключаем библиотеку для переименования файлов
sass         = require('gulp-sass'), //Подключаем Sass пакет,
uglify       = require('gulp-uglifyjs'), // Подключаем gulp-uglifyjs (для сжатия JS)
babel        = require('gulp-babel'),
rigger       = require('gulp-rigger');


function onError(err) {
	console.log(err);
	this.emit('end');
}

gulp.task('browser-sync', function() { // Создаем таск browser-sync
	browserSync({ // Выполняем browserSync
		server: { // Определяем параметры сервера
			baseDir: 'app', // Директория для сервера - app
		},
		notify: false // Отключаем уведомления
	})
});

gulp.task('rigger', function () {
	return gulp.src('app/templates/*.html') //Выберем файлы по нужному пути
		.pipe(rigger()) //Прогоним через rigger
		.pipe(gulp.dest('app/')) //Выплюнем их в папку build
		.pipe(browserSync.reload({stream: true})); //И перезагрузим наш сервер для обновлений
});

gulp.task('sass', function(){ // Создаем таск Sass
	return gulp.src('app/sass/style.sass') // Берем источник
		.pipe(sass().on('error', sass.logError)) // Преобразуем Sass в CSS посредством gulp-sass
		.pipe(autoprefixer({ browsers: ['last 2 version', '> 5%'] }))
		.pipe(gulp.dest('app/css')) // Выгружаем результат в папку app/css
});

gulp.task('css-libs', ['sass'], function() {
	return gulp.src('app/css/style.css') // Выбираем файл для минификации
		.pipe(concat('style.min.css')) // Собираем их в кучу в новом файле libs.min.js
		.pipe(cssnano()) // Сжимаем
		.pipe(gulp.dest('app/css')) // Выгружаем в папку app/css
		.pipe(browserSync.reload({stream: true})); // Обновляем CSS на странице при изменении
});

gulp.task('scripts', function() {
  return gulp.src([ // Берем все необходимые библиотеки
    'app/libs/jquery/dist/jquery.js',
    'app/libs/fullpage/dist/fullpage.js',
    'app/libs/chart.js/dist/Chart.js',
    'app/libs/owl.carousel/dist/owl.carousel.js',
    'app/libs/fancybox/dist/jquery.fancybox.js',
    'app/libs/chartjs-plugin-labels/src/chartjs-plugin-labels.js',
		'app/js/main.js'
		])
		.pipe(concat('libs.min.js')) // Собираем их в кучу в новом файле libs.min.js
		.pipe(babel({ presets: ['es2015'] }).on('error', onError))
		.pipe(uglify().on('error', onError)) // Сжимаем JS файл
		.pipe(gulp.dest('app/js')) // Выгружаем в папку app/js
		.pipe(browserSync.reload({stream: true})); // Обновляем CSS на странице при изменении
});

gulp.task('watch', ['browser-sync', 'rigger', 'css-libs', 'scripts'], function() {
  gulp.watch('app/*.html', browserSync.reload)
	gulp.watch('app/sass/**/*.sass', ['css-libs']) // Наблюдение за sass файлами в папке sass
	gulp.watch('app/templates/**/*.html', ['rigger']) // Наблюдение за HTML файлами в корне проекта
	gulp.watch('app/js/main.js', ['scripts']);   // Наблюдение за JS файлами в папке js
});

gulp.task('clean', function() {
	return del.sync('assets');// Удаляем папку dist перед сборкой
});


gulp.task('build', ['clean', 'rigger', 'sass', 'css-libs', 'scripts'], function() {

	var buildCss = gulp.src('app/css/style.min.css')
	.pipe(gulp.dest('assets/css'))

	var buildFonts = gulp.src('app/fonts/**/*') // Переносим шрифты в продакшен
	.pipe(gulp.dest('assets/fonts'))

	var buildJs = gulp.src('app/js/libs.min.js') // Переносим скрипты в продакшен
	.pipe(gulp.dest('assets/js'))

  var buildImg = gulp.src('app/img/**/*') // Переносим HTML в продакшен
  .pipe(gulp.dest('assets/img'));

  var buildVideo = gulp.src('app/video/**/*') // Переносим HTML в продакшен
	.pipe(gulp.dest('assets/video'));

	var buildHtml = gulp.src('app/*.html') // Переносим HTML в продакшен
	.pipe(gulp.dest('assets'));

});


gulp.task('default', ['watch']);