Ajustando el flujo de trabajo con 

Grunt










Esteban Beltran

Esteban Beltrán

@academo
UI Developer

Grunt


Javascript Task Runner
CoffeeScript
Handlebars
Jade
JSHint
Less



Instalación


Requerimientos: NodeJS
Instalar Grunt Cli Global
npm install -g grunt-cli

Instalar Grunt local al proyecto
npm install grunt --save

Crear el archivo de configuración Gruntfile.js
touch Gruntfile.js

Gruntfile.js

Gruntfile.coffee
module.exports = function(grunt) {

  // Project configuration.
  grunt.initConfig({
    pkg: grunt.file.readJSON('package.json')
  });

  // Default task(s).
  grunt.registerTask('default');

}; 

En este archivo configuramos las tareas que
queremos que Grunt ejecute.

Grunt tiene diferentes plugins de tareas comunes
y podemos crear nuestras propias tareas.



Talk is cheap. 

Show me the code!

Algunos Trucos


Cargar tareas automaticamente

require('matchdep').filterDev('grunt-*').forEach(grunt.loadNpmTasks);

Separar las configuraciones en varios archivos

watch: require('./grunt/watch.js');
grunt/watch.js
module.exports =  {
            styles: {
                files: ['<%= yeoman.app %>/css/{,*/}*.less'],
                tasks: ['recess']
            } 

Ajustando el flujo de trabajo con Grunt

By Esteban Beltran

Ajustando el flujo de trabajo con Grunt

  • 731