Gruntfile.js

var srcRoot = 'public/',
    destRoot = '',
    path = 'assets/';
module.exports = function(grunt) {
    grunt.initConfig({
        meta: {
            srcRoot: srcRoot,
            destRoot: destRoot,
            path: path
        },
        pkg: grunt.file.readJSON('package.json'),
        uglify: {
            build: {
                files: {
                    // 'public/js/vendor/selectivizr.min.js':['public/js/vendor/selectivizr.js']
                }
            }
        },
        less: {
            options: {
                sourceMap: true,
                outputSourceFiles: true,
                sourceMapRootpath: srcRoot,
                ieCompat: true,
                expand: true,
            },
            main: {
                options: {
                    sourceMapFilename: destRoot + path + 'css/main.css.map',
                    sourceMapURL: 'main.css.map',
                },
                files: {
                    '<%= meta.destRoot + meta.path %>css/main.css': '<%= meta.srcRoot + meta.path %>css/main.less'
                }
            },
            bootstrap: {
                options: {
                    sourceMapFilename: destRoot + path + 'plugins/bootstrap/less/bootstrap.css.map',
                    sourceMapURL: 'bootstrap.css.map',
                },
                files: {
                    '<%= meta.destRoot + meta.path %>plugins/bootstrap/less/bootstrap.css': '<%= meta.srcRoot + meta.path %>plugins/bootstrap/less/bootstrap.less',
                }
            },
            fuelux: {
                options: {
                    sourceMapFilename: destRoot + path + 'plugins/fuelux/less/fuelux.css.map',
                    sourceMapURL: 'fuelux.css.map',
                },
                files: {
                    '<%= meta.destRoot + meta.path %>plugins/fuelux/less/fuelux.css': '<%= meta.srcRoot + meta.path %>plugins/fuelux/less/fuelux.less',
                }
            }

        },
        autoprefixer: {
            options: {
                browsers: ['last 2 versions', 'ie 8', 'ie 9'],
                map: true
            },
            main: {
                src: destRoot + path + 'css/main.css'
            }
        },
        cssmin: {
            options: {
                keepBreaks: true,
                rebase: false,
                sourceMap:true,
                restructuring: false,
                compatibility: 'ie8,+properties.spaceAfterClosingBrace'
            },
            target: {
                files: [{
                    expand: true,
                    cwd: destRoot + path,
                    src: ['css/main.css'],
                    dest: destRoot + path,
                    ext: '.css'
                },{
                    expand: true,
                    cwd: destRoot + path + 'plugins/',
                    src: [
                        'bootstrap/less/bootstrap.css',
                        'fuelux/less/fuelux.css',
                    ],
                    dest: destRoot + path + 'plugins/',
                    ext: '.css'
                }]
            }
        },
        jade: {
            compile: {
                options: {
                    client: false,
                    pretty: true
                },
                files: [{
                    cwd: srcRoot,
                    src: ["*.jade", "!layout.jade"],
                    dest: destRoot,
                    expand: true,
                    ext: ".html"
                }]
            }
        },
        imagemin: {
            dynamic: {
                options: {
                    optimizationLevel: 7
                },
                files: [{
                    expand: true,
                    cwd: srcRoot + path + 'img/',
                    src: ['**/*.{png,jpg,gif,svg}'],
                    dest: destRoot + path + 'img/'
                }]
            }
        },
        coffee: {
            options: {
                bare: true
            },
            scripts: {
                expand: true,
                cwd: srcRoot + path + 'js/',
                src: ['*.coffee'],
                dest: destRoot + path + 'js/',
                ext: '.js'
            }
        },
        copy: {
            front: {
                files: [{
                    expand: true,
                    cwd: srcRoot + path,
                    src: ['**/*','!**/*.{less,coffee,ttf}','!**/_*','!**/.*'],
                    dest: destRoot + path
                }],
            },
            works: {
                files: [{
                    expand: true,
                    cwd: srcRoot,
                    src: ['works/**/*'],
                    dest: destRoot 
                }]
            }
        },
        // ===================================
        // WATCH OPTIONS
        // ===================================
        watch: {
            options: {
                livereload: true,
                nospawn: true
            },
            main: {
                files: [srcRoot + path + 'css/main.less',srcRoot + path + '_less/*.less'],
                tasks: ['less:main']
            },
            bootstrap: {
                files: srcRoot + path + 'plugins/bootstrap/less/*.less',
                tasks: ['less:bootstrap']
            },
            fuelux: {
                files: srcRoot + path + 'plugins/fuelux/less/*.less',
                tasks: ['less:fuelux']
            },
            jadelayout: {
                files: [srcRoot + 'layout.jade',srcRoot + '_include/**/*.{jade,html}'],
                tasks: ['jade']
            },
            jade: {
                files: srcRoot + '*.jade',
                tasks: ['newer:jade']
            },
            coffee: {
                files: srcRoot + path + 'js/*.coffee',
                tasks: ['newer:coffee']
            },
            images: {
                files: srcRoot + path + 'img/**/*.{png,jpg,gif,svg}',
                tasks: ['newer:imagemin']
            },
            livereload: {
                files: [srcRoot + '**/*','!'+srcRoot+path+'**/*.less','!'+srcRoot+'*.jade'],
                tasks: ['newer:copy']
            }
        },
        // ===================================
        // WATCH OPTIONS
        // ===================================
        sprite: {
            main: {
                src: srcRoot + path + 'ico/folderName/*.png',
                dest: srcRoot + path + 'img/folderName.png',
                imgPath: path + 'img/',
                // algorithm: 'top-down',
                cssFormat: 'css',
                destCss: srcRoot + path + 'ico/folderName/sprite.css'
            }
        },
        // brew install batik fontforge ttfautohint ttf2eot
        fontgen: {
            all: {
                options: {
                    path_prefix: '../fonts/webfonts/',
                },
                files: [{
                    src: srcRoot + path + 'fonts/*.{ttf, otf}',
                    dest: srcRoot + path + 'fonts/webfonts'
                }]
            }
        },
        concat: {
            fontsstyles: {
                src: srcRoot + path + 'fonts/webfonts/*.css',
                dest: srcRoot + path + '_less/fonts.less'
            }
        },
        clean: {
            all: {
                src: destRoot + path
            }
        },
        connect: {
            server: {
                options: {
                    port:9000,
                    base: 'www/'
                }
            }
        },
        prettify: {
            options: {
                indent: 4,
                indent_inner_html:false,
                end_with_newline:false,
                unformatted: ["span", "code", "pre", "sub", "sup", "em", "strong", "b", "i", "u", "strike"]
            },
            files: {
                expand: true,
                cwd: destRoot,
                ext: '.html',
                src: ['*.html'],
                dest: destRoot
            }
        },
    });

    grunt.loadNpmTasks('grunt-contrib-uglify');
    grunt.loadNpmTasks('grunt-contrib-watch');
    grunt.loadNpmTasks('grunt-contrib-connect');
    grunt.loadNpmTasks('grunt-contrib-concat');
    grunt.loadNpmTasks('grunt-contrib-less');
    grunt.loadNpmTasks('grunt-contrib-coffee');
    grunt.loadNpmTasks('grunt-contrib-jade');
    grunt.loadNpmTasks('grunt-contrib-copy');
    grunt.loadNpmTasks('grunt-contrib-cssmin');
    grunt.loadNpmTasks('grunt-contrib-clean');
    grunt.loadNpmTasks('grunt-autoprefixer');
    grunt.loadNpmTasks('grunt-contrib-imagemin');
    grunt.loadNpmTasks('grunt-newer');
    grunt.loadNpmTasks('grunt-prettify');
    grunt.loadNpmTasks('grunt-fontgen');
    grunt.loadNpmTasks('grunt-spritesmith');

    grunt.registerTask('default', ['build', 'connect', 'watch']);
    grunt.registerTask('build', ['clean', 'coffee', 'uglify', 'copy', 'less', 'autoprefixer', 'cssmin', 'jade', 'prettify', 'imagemin']);
    grunt.registerTask('fonts', ['fontgen','concat']);

};