gulpfile.js

'use strict';

const gulp = require('gulp');
const sass = require('gulp-sass');
const sourcemaps = require('gulp-sourcemaps');
const uglify = require('gulp-uglify');
const del = require('del');
const rev = require('gulp-rev');
const revReplace = require('gulp-rev-css-url');

const ASSET_PATH = './assets';
const SASS_PATH = ASSET_PATH + '/stylesheets';
const IMAGES_PATH = ASSET_PATH + '/images';
const JS_PATH = ASSET_PATH + '/javascripts';
const FONTS_PATH = `${ASSET_PATH}/fonts`;
const BUILD_PATH = './public';
const NODE_MODULES_PATH = './node_modules';

//*** SASS compiler task
gulp.task('sass', function () {
  return gulp.src(SASS_PATH + '/**/*.scss')
    .pipe(sourcemaps.init())
    .pipe(sass({outputStyle: 'compressed'}).on('error', sass.logError))
    .pipe(sourcemaps.write('./'))
    .pipe(gulp.dest(BUILD_PATH + '/css'));
});

//*** SASS watch(realtime) compiler task
gulp.task('sass:watch', function () {
  gulp.watch([
    SASS_PATH + '/**/*.scss',
    SASS_PATH + '/**/**/*.scss'
  ], ['sass']);
});

gulp.task('copy:images', function() {
  gulp.src([
    `${ASSET_PATH}/favicon/*`,
  ]).pipe(gulp.dest(BUILD_PATH));

  gulp.src([
    `${ASSET_PATH}/badges/*`,
  ]).pipe(gulp.dest(`${BUILD_PATH}/badges`));

  gulp.src([
    IMAGES_PATH + '/**/*.png',
    IMAGES_PATH + '/**/*.svg'
  ]).pipe(gulp.dest(BUILD_PATH + '/img'))
});

gulp.task('copy:fonts', function () {
  gulp.src([
    `${FONTS_PATH}/*`
  ]).pipe(gulp.dest(BUILD_PATH + '/fonts'));
});

gulp.task('js', function() {
  gulp.src([
    JS_PATH + '/*.js',
    JS_PATH + '/**/*.js'
  ])
  .pipe(sourcemaps.init())
  .pipe(uglify())
  .pipe(sourcemaps.write('./'))
  .pipe(gulp.dest(BUILD_PATH + '/js'))
});

gulp.task('copy:swagger-ui', function() {
  gulp.src([
    `${NODE_MODULES_PATH}/swagger-ui-dist/swagger-ui*`
  ])
  .pipe(gulp.dest(BUILD_PATH + '/vendor/swagger-ui'))
});

gulp.task('clean', function() {
  return del([
    `${BUILD_PATH}/**/*.*`,
    `!${BUILD_PATH}/.gitignore`
  ]);
});

gulp.task('build', function() {
  gulp.start(['sass', 'copy:images', 'copy:fonts', 'js', 'copy:swagger-ui'], function() {
    gulp.src([
      BUILD_PATH  + '/**/*.*',
      `!${BUILD_PATH}/**/*-${'[0-9a-f]'.repeat(10)}.*`,
    ])
    .pipe(rev())
    .pipe(revReplace())
    .pipe(gulp.dest(BUILD_PATH))
    .pipe(rev.manifest())
    .pipe(gulp.dest(BUILD_PATH))
  });
});