ARCH-Pug-Stylus/gulpfile.js

'use strict'

global.$ = {
  gulp: require('gulp'),
  browserSync: require('browser-sync').create(),
  gp: require('gulp-load-plugins')()
}

function requireTask(taskName, path, options) {
  options = options || {};
  options.taskName = taskName;
  $.gulp.task(taskName, function(callback) {
    let task = require(path).call(this, options);
    return task(callback);
  });
}

requireTask('styles:dev', './tasks/styles-dev', {
  src: './src/assets/styles/main.styl'
});

requireTask('styles:prod', './tasks/styles-prod', {
  src: './src/assets/styles/main.styl'
});

requireTask('svg', './tasks/svg', {
  src: './src/assets/images/svg/**/*.svg',
  dist: './src/templates/blocks/sprite/'
});

requireTask('scripts:dev', './tasks/scripts-dev', {
  src: ['./src/assets/scripts/*.js', './src/templates/blocks/**/*.js']
});

requireTask('scripts:prod', './tasks/scripts-prod', {
  src: ['./src/assets/scripts/*.js', './src/templates/blocks/**/*.js']
});

requireTask('templates:dev', './tasks/templates-dev', {
  src: './src/templates/pages/*.pug'
});

requireTask('templates:prod', './tasks/templates-prod', {
  src: './src/templates/pages/*.pug'
});

requireTask('images', './tasks/images', {
  src: './src/assets/images/**/*.{png,jpg,svg}'
});

requireTask('uploads', './tasks/uploads', {
  src: './src/assets/uploads/**/*'
});

requireTask('fonts', './tasks/fonts', {
  src: './src/assets/fonts/**/*'
});

requireTask('generate-favicons', './tasks/generate-favicons', {
  src: './src/assets/images/favicon_src.png',
  dest: './src/assets/images/favicons'
});

requireTask('favicons', './tasks/favicons', {
  src: './src/assets/images/favicons/**/*'
});

requireTask('zip', './tasks/zip', {
  dist: './builds'
});

requireTask('clean', './tasks/clean', {
  dist: ['./dist', './builds']
});

requireTask('serve', './tasks/serve', {
  src: './dist'
});

requireTask('validate', './tasks/validate', {
  src: './dist/*.html'
});

$.gulp.task('watch', function() {
  $.gulp.watch(['./src/assets/styles/*.styl', './src/assets/styles/blocks/**/*.styl', './src/templates/blocks/**/*.styl'], $.gulp.series('styles:dev'));
  $.gulp.watch(['./src/assets/scripts/*.js', './src/templates/blocks/**/*.js'], $.gulp.series('scripts:dev'));
  $.gulp.watch('./src/templates/**/*.pug', $.gulp.series('templates:dev'));
  $.gulp.watch('./src/assets/images/svg/*.svg', $.gulp.series('svg', 'templates:dev'));
  $.gulp.watch('./src/assets/images/**/*.{png,jpg,svg}', $.gulp.series('images'));
  $.gulp.watch('./src/assets/uploads/**/*', $.gulp.series('uploads'));
  $.gulp.watch('./src/assets/images/favicons/*.*', $.gulp.series('favicons'));
  $.gulp.watch('./src/assets/fonts/**/*', $.gulp.series('fonts'));
})

$.gulp.task('build:dev', $.gulp.series(
  'clean',
  $.gulp.parallel('styles:dev', 'scripts:dev', 'templates:dev', 'svg', 'images', 'uploads', 'favicons', 'fonts'))
);

$.gulp.task('dev', $.gulp.series(
  'build:dev', $.gulp.parallel('watch', 'serve'))
);

$.gulp.task('build:prod', $.gulp.series(
  'clean',
  $.gulp.parallel('styles:prod', 'scripts:prod', 'templates:prod', 'svg', 'images', 'uploads', 'favicons', 'fonts'))
);

$.gulp.task('prod', $.gulp.series(
  'build:prod')
);