jquery-dpe-ges/gulpfile.babel.js

Plugin jQuery permettant de créer un graphique DPE ou GES

import gulp         from 'gulp';
import browserify   from 'browserify';
import babelify     from 'babelify';
import source       from 'vinyl-source-stream';
import buffer       from 'vinyl-buffer';
import sourcemaps   from 'gulp-sourcemaps';
import watch        from 'gulp-watch';
import uglify       from 'gulp-uglify';
import autoprefixer from 'gulp-autoprefixer';
import cssmin       from 'gulp-cssmin';
import rename       from 'gulp-rename';
import config       from './config'

gulp.task('browserify', bundler);

gulp.task('watch', () => {
    return watch(config.watchJsFiles.concat(config.watchCssFiles), (vinyl) => {
        if(vinyl.path.endsWith('.css')) {
            gulp.start('css');
        } else if(vinyl.path.endsWith('.js')) {
            gulp.start('browserify');
        }
    });
});

gulp.task('default', ['browserify', 'watch']);

gulp.task('css', () => {
    gulp.src(config.cssFile)
        .pipe(autoprefixer({
            browsers: [
                "Android 2.3",
                "Android >= 4",
                "Chrome >= 20",
                "Firefox >= 24",
                "Explorer >= 8",
                "iOS >= 6",
                "Opera >= 12",
                "Safari >= 6"
            ],
            cascade: false
        }))
        .pipe(cssmin())
        .pipe(rename({suffix: '.min', basename: 'jquery-dpe-ges'}))
        .pipe(gulp.dest(config.buildDirectory));
});

function bundler() {
    console.log('-> bundling ...');
    browserify({ debug: true })
        .transform(babelify)
        .require(config.entryPoint, { entry: true })
        .bundle()
        .on("error", function (err) { console.log("Error: " + err.message); })
        .pipe(source(config.buildFilename))
        .pipe(buffer())
        .pipe(sourcemaps.init({loadMaps: true}))
            .pipe(uglify())
        .pipe(sourcemaps.write('./'))
        .pipe(gulp.dest(config.buildDirectory));
}