react-github-fork-ribbon/gulpfile.babel.js

Pure inline style github fork ribbon on React component

"use strict";

import gulp       from 'gulp';
import uglify     from 'gulp-uglify';
import grename    from 'gulp-rename';
import source     from 'vinyl-source-stream';
import buffer     from 'vinyl-buffer';
import browserify from 'browserify';
import gbabel     from 'gulp-babel';
import globalShim from 'browserify-global-shim';

let src_files = './src/*.js';
let build_path = 'dst';

gulp.task('transpile', () => {
  return gulp.src(src_files)
    .pipe(gbabel({presets: ["es2015", "react", "stage-3"]}))
    .pipe(gulp.dest('./component/'));
});

gulp.task('browserify', () => {
  return browserify('./src/index.js')
    .transform('babelify', {presets: ['es2015', 'react', 'stage-3']})
    .transform(globalShim.configure({
      'react': 'React'
    }))
    .bundle()
    .pipe(source('react-github-fork-ribbon.js'))
    .pipe(gulp.dest(build_path))
    .pipe(buffer())
    .pipe(uglify())
    .pipe(grename('react-github-fork-ribbon.min.js'))
    .pipe(gulp.dest(build_path));
});

gulp.task('watch', () => {
  gulp.watch([src_files], gulp.series('build'));
});

gulp.task('build', gulp.series('transpile', 'browserify'));
gulp.task('dev', gulp.series('build', 'watch'));
gulp.task('default', gulp.series('build'));