gulp snippet

gulpfile.js

var gulp = require('gulp');
var jshint = require('gulp-jshint');
var concat = require('gulp-concat');
var uglify = require('gulp-uglify');
var rename = require('gulp-rename');
var runSequence = require('run-sequence');
var fs = require('fs');
var del = require('del');

var babel = require('gulp-babel');
var sourcemaps = require('gulp-sourcemaps');
var eslint = require('gulp-eslint');
var webpack = require('webpack-stream');


var jsFiles = {
	source:['webapp/js/**/*.js']
}

 // Lint JS/JSX files
gulp.task('eslint', function() {
  return gulp.src(jsFiles.source)
    .pipe(eslint({
      baseConfig: {
        "ecmaFeatures": {
           "jsx": true
         }
      }
    }))
    .pipe(eslint.format())
    .pipe(eslint.failAfterError());
});



// configure which files to watch and what tasks to use on file changes
gulp.task('watch', function() {
  gulp.watch('webapp/js/**/*.js', ['eslint']);
});

// use webpack with gulp https://www.npmjs.com/package/webpack-stream
gulp.task('webpack', function () {
	return gulp.src(jsFiles.source)
		.pipe(webpack(require('./webpack.config.js')))
		.pipe(gulp.dest('./webapp/react-dist'));
})

// use babel, sourcemap 
gulp.task('build-advs', function() {
	var src = [
		'./webapp/js/advancedSearch.js'
		];
	return gulp.src(src)
				.pipe(sourcemaps.init())
				.pipe(babel({
					presets: [
						'es2015',
						'react'
						]
					}))
				.pipe(concat('advancedSearch-gulp.js'))
				.pipe(gulp.dest('./webapp/react-dist'));
});