gulpfile.js

const gulp        = require('gulp');
const scss        = require('gulp-sass');
const plumber     = require('gulp-plumber');
const sourcemaps  = require('gulp-sourcemaps');
const browserSync = require('browser-sync');
const cleanCSS    = require('gulp-clean-css');
const concat      = require('gulp-concat');
const babel       = require('gulp-babel');
//const runSequence = require('run-sequencdde');

function handleError (error) {
    console.log(error.toString());
    this.emit('end');
}

gulp.task('browser-sync', function() {
    browserSync({
        server: {
             baseDir: "./dist",
             index  : "index.html"
        },
        open: false
    });
});

gulp.task('bs-reload', function () {
    browserSync.reload();
});

gulp.task('minify-js', function() {
    return gulp.src([
        "./node_modules/jquery/dist/jquery.js",
        "./node_modules/jquery.mousewheel/jquery.mousewheel.js",
        "./node_modules/autosize/dist/autosize.js",
        "./node_modules/twemoji/dist/twemoji.js",
        "./src/javascript/lib/*.js",
        "./src/javascript/mode/*.js",
        "./config/client_info.js",
        "./config/default_config.js",
        "./src/javascript/tooterminal.js",
        ])
        .pipe(sourcemaps.init())
        .pipe(babel())
        .on('error', handleError)
        .pipe(concat('main.js'))
        .pipe(sourcemaps.write('.'))
        .pipe(gulp.dest('./dist/js'));
});

gulp.task('minify-scss', function(){
    return gulp.src([
        './src/style/*.scss',
        ])
        .pipe(plumber({
            handleError: function (err) {
                console.log(err);
                this.emit('end');
            }
        }))
        .pipe(sourcemaps.init())
        .pipe(scss({
            includePaths: ['./node_modules/@fortawesome/fontawesome-free/scss']
        }))
        .pipe(cleanCSS())
        .pipe(sourcemaps.write('./'))
        .pipe(concat('style.css'))
        .pipe(gulp.dest('./dist/css/'));
});

gulp.task('minify-css', function() {
    return gulp.src("./src/style/*.css")
        .pipe(sourcemaps.init())
        .pipe(cleanCSS())
        .pipe(concat('style.css'))
        .pipe(sourcemaps.write('.'))
        .pipe(gulp.dest('./dist/css'));
});

gulp.task('webfonts', function() {
    return gulp.src([
        './node_modules/@fortawesome/fontawesome-free/webfonts/*',
        './node_modules/source-code-pro/*/SourceCodePro-Regular*',
        './node_modules/source-code-pro/*/*/SourceCodePro-Regular*',
        ])
        .pipe(gulp.dest('./dist/webfonts'));
});

gulp.task('watch', function() {
    gulp.watch(
        "./dist/*.html",
        gulp.parallel('bs-reload', 'watch')
    );
    gulp.watch(
        ["./src/style/*.scss", "./src/style/*/*.scss"],
        gulp.series('minify-scss', gulp.parallel('bs-reload', 'watch'))
    );
    gulp.watch(
        ["./src/javascript/*.js", "./src/javascript/*/*.js"],
        gulp.series('minify-js', gulp.parallel('bs-reload', 'watch'))
    );
});

gulp.task('scss-watch', gulp.series('minify-scss',gulp.parallel('browser-sync', 'watch')));

gulp.task('build', gulp.parallel('minify-scss', 'minify-js', 'webfonts'));
gulp.task('default', gulp.series('build', 'scss-watch'));