bb/gulpfile.js

"use strict";

var gulp = require('gulp');
var rename = require("gulp-rename");
var ignore = require('gulp-ignore');
var plumber = require('gulp-plumber');
var babel = require('gulp-babel');
var concat = require('gulp-concat');
var chmod = require('gulp-chmod');

var map = require('gulp-sourcemaps');
var gulpSequence = require('gulp-sequence');

var less = require('gulp-less');
var uglifycss = require('gulp-cssnano');

var ts = require('gulp-typescript');
var uglifyjs = require('gulp-uglify');

gulp.task('default', ['css', 'pages', 'scripts']);
gulp.task('scripts', gulpSequence(['ts', 'babel'], 'js'));
gulp.task('pages', ['pages-css', 'pages-babel', 'pages-ts']);

//region Task Less/CSS
gulp.task(
    'css',
    () => gulp
        .src("less/style.less")
        .pipe(plumber())
        .pipe(map.init())

        .pipe(less())
        .pipe(rename('style.css'))
        .pipe(map.write('./'))
        .pipe(chmod(0o644))
        .pipe(gulp.dest("build/"))
        .pipe(ignore.exclude('*.map'))

        .pipe(uglifycss())
        .pipe(rename('style.min.css'))
        .pipe(map.write('./'))
        .pipe(chmod(0o644))
        .pipe(gulp.dest("build/"))
);
//endregion

//region Task Less/CSS for pages
gulp.task(
    'pages-css',
    () => gulp
        .src('less/pages/*.less')
        .pipe(plumber())
        .pipe(map.init({loadMaps: true}))

        .pipe(less())
        .pipe(map.write('./'))
        .pipe(chmod(0o644))
        .pipe(gulp.dest('../../public/build/pages/'))
        .pipe(ignore.exclude('*.map'))

        .pipe(uglifycss())
        .pipe(rename({ suffix: '.min' }))
        .pipe(map.write('./'))
        .pipe(chmod(0o644))
        .pipe(gulp.dest('../../public/build/pages/'))
);
//endregion

//region Task Typescript
gulp.task(
    'ts',
    () => gulp
        .src(['ts/*.ts', '!ts/*.d.ts'])
        .pipe(plumber())
        .pipe(map.init())
        .pipe(ts({"target": "ES5"}))
        .pipe(map.write('./'))
        .pipe(chmod(0o644))
        .pipe(gulp.dest('js/ts/'))
);
//endregion

//region Task Typescript for pages
gulp.task(
    'pages-ts',
    () => gulp
        .src(['js/pages/*.ts', '!js/pages/*.d.ts'])
        .pipe(plumber())
        .pipe(map.init())
        .pipe(ts({"target": "ES5"}))
        .pipe(map.write('./'))
        .pipe(chmod(0o644))
        .pipe(gulp.dest('../../public/build/pages/'))
        .pipe(ignore.exclude('*.map'))

        .pipe(uglifyjs())
        .pipe(rename({ suffix: '.min' }))
        .pipe(map.write('./'))
        .pipe(chmod(0o644))
        .pipe(gulp.dest('../../public/build/pages/'))
);
//endregion

//region Task ES6/babel
gulp.task(
    'babel',
    () => gulp
        .src([
            'js/app/**/*.js',
            'js/user/**/*.js'
        ])
        .pipe(plumber())
        .pipe(map.init({loadMaps: true}))
        .pipe(concat('babeled.js'))

        .pipe(babel({
            compact: false,
            presets: [['@babel/env', {
                "targets": {
                    "browsers": [">0.25%"]
                }
            }]]
        }))

        .pipe(map.write('./'))
        .pipe(chmod(0o644))
        .pipe(gulp.dest("build/"))
);
//endregion

//region Task ES6/Babel for pages
gulp.task(
    'pages-babel',
    () => gulp
        .src('js/pages/*.js')
        .pipe(plumber())
        .pipe(map.init({loadMaps: true}))

        .pipe(babel({
            compact: false,
            presets: [['@babel/env', {
                "targets": {
                    "browsers": [">0.25%"]
                }
            }]]
        }))

        .pipe(map.write('./'))
        .pipe(chmod(0o644))
        .pipe(gulp.dest('../../public/build/pages/'))
        .pipe(ignore.exclude('*.map'))

        .pipe(uglifyjs())
        .pipe(rename({ suffix: '.min' }))
        .pipe(map.write('./'))
        .pipe(chmod(0o644))
        .pipe(gulp.dest('../../public/build/pages/'))
);
//endregion

//region Task Concat javascripts
gulp.task(
    'js',
    () => gulp
        .src([
            "js/components/jquery.js",
            "js/components/jquery.ui/widget.js",
            "js/components/jquery.ui/mouse.js",
            'js/components/**/*.js',
            'js/ts/**/*.js',
            'build/babeled.js'
        ])
        .pipe(plumber())
        .pipe(map.init({loadMaps: true}))
        .pipe(concat('app.js'))

        .pipe(map.write('./'))
        .pipe(chmod(0o644))
        .pipe(gulp.dest("build/"))
        .pipe(ignore.exclude('*.map'))

        .pipe(uglifyjs())
        .pipe(rename('app.min.js'))
        .pipe(map.write('./'))
        .pipe(chmod(0o644))
        .pipe(gulp.dest("build/"))
);
//endregion

//region Watch(er) task
gulp.task('watch', gulpSequence('default', 'watching'));

gulp.task('watching', function() {
    gulp.watch(['less/*.less', 'less/*/*.less', 'less/*/*.css'] , ['css']);
    gulp.watch(['js/components/**/*.js'] , ['js']);
    gulp.watch(['js/app/**/*.js', 'js/user/**/*.js'] , gulpSequence('babel', 'js'));
    gulp.watch(['ts/**/*.ts'] , gulpSequence('ts', 'js'));
    gulp.watch(['js/pages/*.ts'] , ['pages-ts']);
    gulp.watch(['js/pages/*.js'] , ['pages-babel']);
});
//endregion