gulpfile.js

var gulp = require('gulp'),
    watch = require('gulp-watch'),
    rename = require('gulp-rename'),
    bower = require('gulp-bower'),
    prefixer = require('gulp-autoprefixer'),
    sass = require('gulp-sass')(require('sass')),
    del = require('del'),
    vulcanize = require('gulp-vulcanize'),
    sourcemaps = require('gulp-sourcemaps');

var config = {
    bowerDir: './bower_components/',
    elementsRoot: 'src/ralph/admin/static/elements/',
    srcRoot: 'src/ralph/static/src/',
    staticRoot: 'src/ralph/static/',
    vendorRoot: 'src/ralph/static/vendor/'
};

var sass_config = {
    outputStyle: 'compressed',
    includePaths: [
        config.bowerDir + 'foundation/scss',
        config.bowerDir + 'fontawesome/scss',
        config.bowerDir + 'chartist/dist/scss',
    ]
};

gulp.task('bower', function() {
    return bower()
        .pipe(gulp.dest(config.bowerDir));
});

gulp.task('scss', function() {
    return gulp.src(config.srcRoot + 'scss/*.scss')
        .pipe(sourcemaps.init())
        .pipe(sass(sass_config).on('error', sass.logError))
        .pipe(prefixer())
        .pipe(sourcemaps.write('.'))
        .pipe(gulp.dest(config.staticRoot + 'css/'));
});

gulp.task('css', function() {
    var vendorFiles = [
        'bower_components/foundation/css/normalize.min.css',
        'bower_components/foundation-datepicker/css/foundation-datepicker.css',
        'bower_components/angular-loading-bar/build/loading-bar.min.css'
    ];
    return gulp.src(vendorFiles)
        .pipe(gulp.dest(config.vendorRoot + 'css/'));
});

gulp.task('fonts', function() {
    return gulp.src('bower_components/fontawesome/fonts/*.*')
        .pipe(gulp.dest(config.vendorRoot + 'fonts/'));
});

gulp.task('js', function() {
    var vendorFiles = [
        './bower_components/fastclick/lib/fastclick.js',
        './bower_components/jquery.cookie/jquery.cookie.js',
        './bower_components/jquery/dist/jquery.js',
        './bower_components/modernizr/modernizr.js',
        './bower_components/foundation/js/foundation.min.js',
        './bower_components/foundation-datepicker/js/foundation-datepicker.js',
        './bower_components/angular-loading-bar/build/loading-bar.min.js',
        './bower_components/webcomponentsjs/webcomponents-lite.js',
        './bower_components/chartist/dist/chartist.js',
    ];
    gulp.src(vendorFiles)
        .pipe(gulp.dest(config.vendorRoot + 'js/'));
    gulp.src('./bower_components/jquery-placeholder/jquery.placeholder.js')
        .pipe(rename('placeholder.js'))
        .pipe(gulp.dest(config.vendorRoot + 'js'));

    var angularFiles = [
        './bower_components/angular-breadcrumb/dist/angular-breadcrumb.min.js',
        './bower_components/angular-cookies/angular-cookies.min.js',
        './bower_components/angular/angular.min.js',
        './bower_components/angular-resource/angular-resource.min.js',
        './bower_components/angular-route/angular-route.min.js',
        './bower_components/angular-ui-router/release/angular-ui-router.min.js',
    ];
    return gulp.src(angularFiles)
        .pipe(gulp.dest(config.vendorRoot + 'js'));
});


gulp.task('clean:elements', function() {
    return del([
        'src/ralph/admin/static/bower_components/',
    ]);
});
gulp.task('vulcanize', function() {
    return gulp.src(config.elementsRoot + 'elements.html')
        .pipe(vulcanize({
            abspath: '',
            excludes: [],
            stripExcludes: false,
            stripComments: true,
            inlineCss: true,
            inlineScripts: true
        }))
        .pipe(rename(config.elementsRoot + 'elements-min.html'))
        .pipe(gulp.dest('.'));
});
gulp.task('polymer-dev', function() {
    return gulp.src([
        "./bower_components/**/*"
    ], {base:"."})
        .pipe(gulp.dest("src/ralph/admin/static/"));
});


gulp.task('watch', function() {
    gulp.watch(config.srcRoot + 'scss/**/*.scss', gulp.series('scss'));
    gulp.watch([config.elementsRoot + '*.html', '!' + config.elementsRoot + '*-min.html'], gulp.series('vulcanize'));
});

var dev = gulp.series('bower', 'css', 'fonts', 'js', 'scss', 'polymer-dev', 'vulcanize');
gulp.task('dev', dev);
gulp.task('build', gulp.series(dev, 'clean:elements'));
gulp.task('default', dev);