gulpfile.js

/*jshint esversion: 6*/

const gulp = require('gulp'),
    sass = require('gulp-sass'),
    pug = require('gulp-pug'),
    del = require('del'),
    imagemin = require('gulp-imagemin'),
    uglify = require('gulp-uglify'),
    usemin = require('gulp-usemin'),
    rev = require('gulp-rev'),
    cleanCss = require('gulp-clean-css'),
    flatmap = require('gulp-flatmap'),
    htmlmin = require('gulp-htmlmin'),
    browserSync = require('browser-sync'),
    path = require('path'),
    data = require('gulp-data');


gulp.task('sass', function () {
  return gulp.src('./css/*.scss')
    .pipe(sass().on('error', sass.logError))
    .pipe(gulp.dest('./css'));
});

gulp.task('pug', function() {
  gulp.src('pug/**/*.pug')
    .pipe(data( function(file) {
      return require('./data.json');
    }))
    .pipe(pug({
      pretty: true
    }))
    .pipe(gulp.dest('dist'));
});


gulp.task('sass:watch', function () {
  gulp.watch('./css/*.scss', ['sass']);
});

gulp.task('pug:watch', function () {
  gulp.watch('./pug/*.pug', ['pug']);
  gulp.watch('./pug/includes/*.pug', ['pug']);
});

gulp.task('browser-sync', function () {
   var files = [
      './*.html',
      './services/*.html',
      './css/*.css',
      './img/*.{png,jpg,gif}',
      './img/custom/*.{png,jpg,gif}',
      './js/*.js'
   ];

   browserSync.init(files, {
      server: {
         baseDir: "./"
      }
   });

});

// Default task
gulp.task('default', ['browser-sync'], function() {
    gulp.start(['sass:watch','pug:watch']);
});

// Clean
gulp.task('clean', function() {
    return del(['dist']);
});

gulp.task('copyfonts', function() {
   gulp.src('./fonts/**/*.{ttf,woff,eof,svg}*')
   .pipe(gulp.dest('./dist/fonts'));
});

// Images
gulp.task('imagemin', function() {
  return gulp.src('img/*.{png,jpg,gif}')
    .pipe(imagemin({ optimizationLevel: 3, progressive: true, interlaced: true }))
    .pipe(gulp.dest('dist/img'));
});
// Custom Images
gulp.task('customimagemin', function() {
  return gulp.src('./img/custom/*.{png,jpg,gif}')
    .pipe(imagemin({ optimizationLevel: 3, progressive: true, interlaced: true }))
    .pipe(gulp.dest('dist/img/custom'));
});

gulp.task('usemincss', function() {
  return gulp.src('./css/styles.css')
  .pipe(flatmap(function(stream, file){
      return stream
        .pipe(usemin({
            css: [ rev() ],
            inlinecss: [ cleanCss(), 'concat' ]
        }));
    }))
    .pipe(gulp.dest('dist/css'));
});

gulp.task('usemin', function() {
  return gulp.src('./*.html')
  .pipe(flatmap(function(stream, file){
      return stream
        .pipe(usemin({
            css: [ rev() ],
            html: [ function() { return htmlmin({ collapseWhitespace: true })} ],
            js: [ uglify(), rev() ],
            inlinejs: [ uglify() ],
            inlinecss: [ cleanCss(), 'concat' ]
        }));
    }))
    .pipe(gulp.dest('dist/'));
});

gulp.task('useminservices', function() {
  return gulp.src('./services/*.html')
  .pipe(flatmap(function(stream, file){
      return stream
        .pipe(usemin({
            css: [ rev() ],
            html: [ function() { return htmlmin({ collapseWhitespace: true })} ],
            js: [ uglify(), rev() ],
            inlinejs: [ uglify() ],
            inlinecss: [ cleanCss(), 'concat' ]
        }));
    }))
    .pipe(gulp.dest('dist/services/'));
});


gulp.task('build',['clean'], function() {
    gulp.start('copyfonts','imagemin', 'customimagemin', 'usemin', 'useminservices', 'usemincss');
});