gulpfile.babel.js

import gulp from 'gulp';
import del from 'del'
import runSequence from 'run-sequence';
import babel from 'gulp-babel';
import sass from 'gulp-sass';
import rename from 'gulp-rename';
import uglifyJS from 'gulp-uglify';
import uglifyCSS from 'gulp-clean-css';

gulp.task('build', () => {
  runSequence('dist:clean', 'dist:script', 'dist:style', 'uglify:script', 'uglify:style')
});

gulp.task('dist:clean', () => {
  return del('./dist/**');
});

gulp.task('dist:script', () => {
  return gulp.src('./src/react-leaflet-markercluster.js')
    .pipe(babel({presets: ['es2015', 'react']}))
    .pipe(gulp.dest('./dist'));
});

gulp.task('dist:style', () => {
  return gulp.src('./src/style.scss')
    .pipe(sass().on('error', sass.logError))
    .pipe(gulp.dest('./dist'));
});

gulp.task('uglify:script', () => {
  return gulp.src('./dist/react-leaflet-markercluster.js')
    .pipe(uglifyJS())
    .pipe(rename({ suffix: '.min' }))
    .pipe(gulp.dest('./dist'));
});

gulp.task('uglify:style', () => {
  return gulp.src('./dist/style.css')
    .pipe(uglifyCSS({compatibility: 'ie8'}))
    .pipe(rename({ suffix: '.min' }))
    .pipe(gulp.dest('./dist'));
});

gulp.task('demo-app:clean', () => {
  return del(['./index.html', './demo-app/dist/**']);
});