gulpfile.js

var gulp = require('gulp'),
    connect = require('gulp-connect'),
    open = require('gulp-open'),
    browserify = require('gulp-browserify'),
    concat = require('gulp-concat'),
    port = process.env.port || 3031;

gulp.task('browserify', function () {
    gulp.src('./app/src/js/main.js')
        .pipe(browserify({
            transform: 'reactify'
        }))
        .pipe(gulp.dest('./app/dist/js'));
});

// Launch browser
gulp.task('open', function () {
    var options = {
        url: 'http://localhost:' + port
    };
    gulp.src('./app/index.html')
        .pipe(open('', options));
});

// Live reload server
gulp.task('connect', function () {
    connect.server({
        root: 'app',
        port: port,
        livereload: true
    });
});

// Live reload js
gulp.task('js', function () {
    gulp.src('./app/dist/**/*.js')
        .pipe(connect.reload());
});

// Live reload html
gulp.task('html', function () {
    gulp.src('./app/*.html')
        .pipe(connect.reload());
});

// Watch files for livereload
gulp.task('watch', function () {
    gulp.watch('app/dist/js/*.js', ['js']);
    gulp.watch('app/index.html', ['html']);
    gulp.watch('app/src/js/**/*.js', ['browserify']);
});

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

gulp.task('serve', ['browserify', 'connect', 'open', 'watch']);