den4
12/23/2017 - 8:21 PM

Basic gulpfile.js for a static website (HTML copy and CSS concatenation)

Basic gulpfile.js for a static website (HTML copy and CSS concatenation)


// Add our dependencies
var gulp = require('gulp'), // Main Gulp module
    concat = require('gulp-concat'); // Gulp File concatenation plugin

// Configuration
var configuration = {
    paths: {
        src: {
            html: './src/*.html',
            css: [
                './src/css/bootstrap.min.css',
                './src/css/main.css'
            ]
        },
        dist: './dist'
    }
};

// Gulp task to copy HTML files to output directory
gulp.task('html', function() {
    gulp.src(configuration.paths.src.html)
        .pipe(gulp.dest(configuration.paths.dist));
});

// Gulp task to concatenate our css files
gulp.task('css', function () {
   gulp.src(configuration.paths.src.css)
       .pipe(concat('site.css'))
       .pipe(gulp.dest(configuration.paths.dist + '/css'))
});

// Gulp default task
gulp.task('default', ['html', 'css']);