Gruntjs: Skeleton for client-side debugging

grunt-client-debugger.js

module.exports = function(grunt) {
    grunt.initConfig({
        npmEnv: '', // path to node_modules folder
        debugPort: '', // debugger port
        connectPort: , // connector port 35725
        base: '.', // path to index
        watch: {
            refresh: {
                options: {
                    livereload: '<%= connect.options.livereload %>'
                },
                files: ['<%= base %>/**/*.js' // files to monitor 
                ]
            }
        },
        connect: {
            options: {
                port: '<%= debugPort %>',
                hostname: 'localhost',
                livereload: '<%= connectPort %>'
            },
            browser: {
                options: {
                    open: true,
                    base: ['.tmp', '<%= base %>']
                }
            }
        }
    });
    var NPM_ENV = grunt.config.get('npmEnv');
    require(NPM_ENV + 'grunt-contrib-connect/tasks/connect')(grunt);
    require(NPM_ENV + 'grunt-contrib-watch/tasks/watch')(grunt);
    grunt.registerTask('serve', ['connect:browser', 'watch:refresh']);
    grunt.registerTask('default', ['serve']);
};