Gruntfile for react and less

Gruntfile.js

module.exports = function (grunt) {
  var conf = {
    browserify: {
      options: {
        transform: [ require('grunt-react').browserify ]
      },
      app: {
        src: 'app/scripts/main.js', dest: 'dist/bundle.js'
      }
    },

    less: {
      default: { files: { 'css/main.css': 'dev/less/main.less' } }
    },

    watch: {
      less:  { files: './app/**/*.less', tasks: ['less'] },
      react: { files: './app/**/*.js',   tasks: ['browserify'] }
    },

    concurrent: {
      server: {
        options: { logConcurrentOutput: true },
        tasks: ['watch', 'connect']
      }
    },

    connect: {
      server: {
        options: {
          port: 8080,
          keepalive: true
        }
      }
    }
  };

  grunt.loadNpmTasks('grunt-browserify')
  grunt.loadNpmTasks('grunt-contrib-watch');
  grunt.loadNpmTasks('grunt-contrib-less');
  grunt.loadNpmTasks('grunt-concurrent');
  grunt.loadNpmTasks('grunt-contrib-connect');
  grunt.initConfig(conf);
  grunt.registerTask('default', ['concurrent']);
};