gulpfile.js

/**
 * Dependencies
 *
 */
'use strict';

// Gulp + plugins
const gulp =  require('gulp');
const plugins = require('gulp-load-plugins')();

// Non-gulp modules
plugins.path = require('path');
plugins.browserSync = require('browser-sync');
plugins.eventStream = require('event-stream');
plugins.runSequence = require('run-sequence'); //temporary solution until the release of gulp 4.0

// Shared paths
const paths = {

    // Build paths
    base: __dirname,
    src: plugins.path.join(__dirname, 'source'),
    dev: plugins.path.join(__dirname, 'dev'),
    devAssets: plugins.path.join(__dirname, 'dev/assets'),
    doc: plugins.path.join(__dirname, 'dev/docs'),
    helpers: plugins.path.join(__dirname, 'helpers'),
    tasks: plugins.path.join(__dirname, 'gulp'),

    // Assets
    assets: {
        css: plugins.path.join(__dirname, 'source/assets/sass'),
        js: plugins.path.join(__dirname, 'source/assets/js'),
        fonts: plugins.path.join(__dirname, 'source/assets/fonts'),
        media: plugins.path.join(__dirname, 'source/assets/media')
    },

    // HTML templates, Components
    html: plugins.path.join(__dirname, 'source/templates'),
    components: plugins.path.join(__dirname, 'source/components'),

    //Node modules
    npm: plugins.path.join(__dirname, 'node_modules'),
};


/**
 * Child tasks
 *
 */
plugins.getTaskModule = (task) => {
    return require(plugins.path.join(paths.tasks, task))(paths, gulp, plugins);
};

gulp.task('css', plugins.getTaskModule('css/sass'));
gulp.task('cssmin', plugins.getTaskModule('css/cssmin'));
gulp.task('watch', plugins.getTaskModule('watch'));
gulp.task('html', plugins.getTaskModule('html/html'));
gulp.task('js', plugins.getTaskModule('js/webpack'));
gulp.task('eslint', plugins.getTaskModule('js/eslint'));
gulp.task('jstest', plugins.getTaskModule('js/karma'));
gulp.task('jsdoc', plugins.getTaskModule('js/jsdoc'));
gulp.task('browser-sync', plugins.getTaskModule('browser-sync'));
gulp.task('copy', plugins.getTaskModule('copy'));
gulp.task('favicon', plugins.getTaskModule('favicon'));
gulp.task('svgsprite', plugins.getTaskModule('media/svgsprite'));

/**
 * Utility tasks
 */

// Clean build directory
gulp.task('clean', (fn) => {
    return require('del')([
        plugins.path.join(paths.dev, '*'),
    ], fn);
});

/**
 * Main tasks
 */

//todo: add style lint
gulp.task('lint', ['eslint']);
gulp.task('test', ['jstest']);

gulp.task('dev', (fn) => {
    plugins.util.env.type = 'development';
    plugins.runSequence('mainbuild', ['watch', 'browser-sync'], fn);
});

gulp.task('testing', (fn) => {
    plugins.util.env.type = 'testing';
    plugins.runSequence('mainbuild', ['watch', 'browser-sync'], fn);
});

gulp.task('build', (fn) => {
    plugins.util.env.type = 'production';
    plugins.runSequence( ['mainbuild'], ['cssmin'], fn);
});

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

gulp.task('mainbuild', ['clean'], (fn) => {
    plugins.runSequence( ['copy', 'css', 'eslint', 'js'], ['html', 'jsdoc'], fn);
});