React + Browserify Gulp Task

gistfile1.txt

/**
 * Created by ram on 15-05-03.
 */
var gulp = require('gulp');
var babelify = require('babelify');
var source = require('vinyl-source-stream');
var reactify = require('reactify');
var browserify = require('browserify')();
var gutil = require('gulp-util');
var filter = require('gulp-filter');
var autoprefixer = require('gulp-autoprefixer');
var sourcemaps = require('gulp-sourcemaps');
var sass = require('gulp-sass');
var less = require('gulp-less');
var rename = require('gulp-rename');

//TODO: Figure out cacheing in GULP
gulp.task('compileJS',function(){
    console.log('testing');
    browserify
        .add('./js-src/app.js');

    browserify
        .transform(babelify);

    browserify
        .transform(reactify);

        //TODO: placing in main for now
    browserify
        .bundle()
        .pipe(source('app.js'))
        .pipe(gulp.dest('./public'))
});

//var handleErrors = require('../utils/handleErrors');
//var config = require('../config').sass;

gulp.task('buildCSS', function () {
    return gulp.src('./public/main.less')
        .pipe(less())
        .pipe(rename('style.css'))
        .pipe(autoprefixer({ cascade: false, browsers: ['last 2 versions']}))
        .pipe(gulp.dest('./public'));
});

gulp.task('default', function(){
   gulp.watch('js-src/**/*.js',['compileJS']);
});