Comenzando con trago

Dependencia de tareas

Puede ejecutar tareas en serie, pasando un segundo parámetro a gulp.task().

Estos parámetros son una serie de tareas que se ejecutarán y completarán antes de que se ejecute su tarea:

var gulp = require('gulp');

gulp.task('one', function() {
   // compile sass css
});

gulp.task('two', function() {
   // compile coffeescript
});

// task three will execute only after tasks one and two have been completed
// note that task one and two run in parallel and order is not guaranteed
gulp.task('three', ['one', 'two'], function() {
   // concat css and js
});

// task four will execute only after task three is completed
gulp.task('four', ['three'], function() {
   // save bundle to dist folder
});

También puede omitir la función si solo desea ejecutar un conjunto de tareas de dependencia:

gulp.task('build', ['array', 'of', 'task', 'names']);

Nota: Las tareas se ejecutarán en paralelo (todas a la vez), así que no asumas que las tareas comenzarán/finalizarán en orden. Iniciando gulp v4, se debe usar gulp.series() si el orden de ejecución de las tareas de dependencia es importante.

Instalación o configuración

1. Instale Node.js y NPM:

Gulp requiere Node.js y NPM, el administrador de paquetes de Node. La mayoría de los instaladores incluyen NPM con Node.js. [Consulte la documentación de instalación] (https://www.wikiod.com/es/node-js/instalacion-de-nodejs) o confirme que ya está instalado ejecutando el siguiente comando en su terminal:

npm -v
// will return NPM version or error saying command not found

2. Instalar Gulp globalmente:

Si anteriormente instaló una versión de gulp globalmente, ejecute npm rm --global gulp para asegurarse de que su versión anterior no entre en conflicto con gulp-cli.

$ npm install --global gulp-cli

3. Inicializa el directorio de tu proyecto: 

$ npm init

4. Instale gulp en su proyecto devDependencies: 

$ npm install --save-dev gulp

5. Cree un gulpfile.js en la raíz de su proyecto: 

var gulp = require('gulp');

gulp.task('default', function() {
  // place code for your default task here
});

6. Ejecutar trago: 

$ gulp

La tarea predeterminada se ejecutará y no hará nada.

Para ejecutar tareas individuales, use gulp <tarea> <otra tarea>.

Archivo Concat js en subcarpeta usando trago 

var gulp = require('gulp'); 

// include plug-ins
var uglify = require('gulp-uglify'),
    concat = require('gulp-concat');

// Minified file
gulp.task('packjsMin', function() {
   return gulp.src('node_modules/angular/*.js')
      .pipe(concat('script.js'))
      .pipe(uglify())
      .pipe(gulp.dest('Scripts'));
});

//Not minified file
gulp.task('packjs', function () {
    return gulp.src('node_modules/angular/*.js')
      .pipe(concat('allPackages.js'))
      .pipe(gulp.dest('Scripts'));
});

gulp documentos CLI

Banderas

gulp tiene muy pocas banderas que conocer. Todas las demás banderas son para que las tareas las usen si es necesario.

  • -v o --version mostrará las versiones global y local de gulp
  • --require <ruta del módulo> requerirá un módulo antes de ejecutar el archivo gulp. Esto es útil para transpiladores pero también tiene otras aplicaciones. Puede usar múltiples banderas --require
  • --gulpfile <gulpfile path> establecerá manualmente la ruta de gulpfile. Útil si tiene varios archivos gulp. Esto también establecerá el CWD en el directorio gulpfile
  • --cwd <dir path> configurará manualmente el CWD. La busqueda del gulpfile, asi como la relatividad de todos los require sera desde aqui
  • -T o --tasks mostrará el árbol de dependencia de tareas para el archivo gulp cargado
  • --tasks-simple mostrará una lista de tareas en texto sin formato para el archivo gulp cargado
  • --color obligará a los complementos gulp y gulp a mostrar colores incluso cuando no se detecte soporte de color
  • --no-color forzará a los complementos gulp y gulp a no mostrar colores incluso cuando se detecte soporte de color
  • --silent deshabilitará todo el registro de tragos

La CLI agrega process.env.INIT_CWD, que es el cwd original desde el que se inició.

Indicadores específicos de tareas

Consulte este [StackOverflow](http://stackoverflow.com/questions/23023650/is-it-possible-to-pass-a-flag-to-gulp-to-have-it-run-tasks-in- different -ways) enlace sobre cómo agregar indicadores específicos de tareas

Tareas

Las tareas se pueden ejecutar ejecutando gulp <tarea> <otra tarea>. Simplemente ejecutando gulp ejecutará la tarea que registraste llamada default. Si no hay una tarea predeterminada, Gulp generará un error.

Compiladores

Puede encontrar una lista de idiomas admitidos en interpret. Si desea agregar soporte para un nuevo idioma, envíe una solicitud de extracción/problemas abiertos allí.

Mostrar errores con gulp-jslint →