Ricardo Bin´s Blog

O Grunt.JS serve para diversas coisas, entre elas fazer empacotamento de arquivos para deploy.

Abaixo segue um exemplo, com pouquissimas linhas, de como fiz minha aplicação:
- concatenar/minificar JS e CSS,
- alterar a chamada do markup na hora do deploy,
- copiar arquivos recursivamente para os locais corretos,
- rodar testes do jsTestDriver + Jasmine.

A configuração é bem auto-explicativa, qualquer dúvida é só visitar o site dos npmTasks que coloquei no fim do post.

Nesse exemplo eu fiz só o básico do básico, mas ele tem várias outras features, de inspect de testes à otimização de imagens, incluindo nomes dinâmicos, rotinas sequenciais, etc. =D

module.exports = function (grunt) {
  grunt.loadNpmTasks('grunt-css');
  grunt.loadNpmTasks('grunt-targethtml');
  grunt.loadNpmTasks('grunt-cp');
           grunt.loadNpmTasks('grunt-exec');

  grunt.initConfig({
    meta: {
      banner: '/*! build: [<%= grunt.template.today("yyyymmdd") %>] */'      
    },
    min: {
      dist: {
        src: [
                                '<banner:meta.banner>', 
                                'app/js/app.js', 
                                'app/js/controllers.js',
                                'app/js/directives.js', 
                                'app/js/filters.js', 
                                'app/js/services.js'
                                ],
        dest: 'dist/js/app.js'
      }
    },
    cssmin: {
      dist: {
        src: ['<banner:meta.banner>', 'app/css/app.css'],
        dest: 'dist/css/app.css'
      }
    },
    targethtml: {
      release: {
        input: 'app/index.html',
        output: 'dist/index.html'
      }
    },
    cp: {
      img: {
        src: 'app/img',
        dest: 'dist/img'
      },
      lib: {
        src: 'app/lib',
        dest: 'dist/lib'
      },
      partials: {
        src: 'app/partials',
        dest: 'dist/partials'
      }
    },
    exec: {
      jsTestDriver: {
        command: './scripts/test.sh',
        stdout: true
      }
    }
  });

  grunt.registerTask('test', 'exec');
  grunt.registerTask('default', 'min cssmin targethtml cp');
};
									

Grunt.JS
Github

Npm Tasks – Github:

grunt-cp
grunt-targethtml
grunt-exec
grunt-css