StevenLiebregt
2/7/2018 - 6:12 PM

Nice gulpfile

Nice gulpfile

/*
    Load gulp and extensions
 */
var gulp = require('gulp');
var util = require('gulp-util');
var sass = require('gulp-sass');
var sourcemaps = require('gulp-sourcemaps');
var concat = require('gulp-concat');
var uglify = require('gulp-uglify');
var minifyCSS = require('gulp-minify-css');
var removeLogging = require('gulp-remove-logging');

/*
    Configuration
 */
var config = {
    assetsDir: './resources/assets/',
    sassPattern: 'sass/**/*.scss',
    jsPattern: 'js/**/*.js',
    outputDir: './public/',
    production: !!util.env.production
};

/*
    Compile sass
 */
gulp.task('sass', function() {
    gulp.src(config.assetsDir + config.sassPattern)
        .pipe(config.production ?  util.noop() : sourcemaps.init()) // Don't write source maps on production
        .pipe(sass())
        .pipe(config.production ? concat('app.min.css') : concat('app.css'))
        .pipe(config.production ? minifyCSS() : util.noop()) // Minify only on production
        .pipe(config.production ? util.noop() : sourcemaps.write('.')) // Don't write source maps on production
        .pipe(gulp.dest(config.outputDir + 'css'));
});

/*
    Compile js
 */
gulp.task('js', function() {
    gulp.src(config.assetsDir + config.jsPattern)
        .pipe(config.production ? util.noop() : sourcemaps.init()) // Don't write source maps on production
        .pipe(config.production ? concat('app.min.js') : concat('app.js'))
        .pipe(config.production ? removeLogging() : util.noop())
        .pipe(config.production ? uglify() : util.noop()) // Minify only on production
        .pipe(config.production ? util.noop() : sourcemaps.write('.')) // Don't write source maps on production
        .pipe(gulp.dest(config.outputDir + 'js'));
});

/*
    Watch sass and js for changes
 */
gulp.task('watch', function() {
    gulp.watch(config.assetsDir + config.sassPattern, ['sass']);
    gulp.watch(config.assetsDir + config.jsPattern, ['js']);
});

/*
    Vendor tasks
 */
gulp.task('vendor.css', function() {
    return gulp.src([
        './node_modules/bootstrap/dist/css/bootstrap.min.css',
    ])
        .pipe(concat('vendor.min.css'))
        .pipe(minifyCSS())
        .pipe(gulp.dest(config.outputDir + 'css'));
});

gulp.task('vendor.js', function() {
    return gulp.src([
        './node_modules/jquery/dist/jquery.min.js',
        './node_modules/popper.js/dist/umd/popper.min.js',
        './node_modules/bootstrap/dist/js/bootstrap.min.js',
    ])
        .pipe(concat('vendor.min.js'))
        .pipe(uglify())
        .pipe(gulp.dest(config.outputDir + 'js'));
});

gulp.task('vendor', ['vendor.css', 'vendor.js']);
gulp.task('default', ['sass', 'js', 'watch']);
gulp.task('build', ['vendor', 'sass', 'js']);