serve - install gulp mac

Pasar parámetro a la tarea Gulp

Question

Normalmente podemos ejecutar la tarea gulp desde la consola a través de algo como gulp mytask . ¿Hay alguna forma de que pueda pasar el parámetro a la tarea de tragar? Si es posible, muestre un ejemplo de cómo se puede hacer.

Answer 1

Aquí está mi ejemplo de cómo lo uso. Para la tarea css / less. Se puede aplicar para todos.

var cssTask = function (options) {
  var minifyCSS = require(''gulp-minify-css''),
    less = require(''gulp-less''),
    src = cssDependencies;

  src.push(codePath + ''**/*.less'');

  var run = function () {
    var start = Date.now();

    console.log(''Start building CSS/LESS bundle'');

    gulp.src(src)
      .pipe(gulpif(options.devBuild, plumber({
        errorHandler: onError
      })))
      .pipe(concat(''main.css''))
      .pipe(less())
      .pipe(gulpif(options.minify, minifyCSS()))
      .pipe(gulp.dest(buildPath + ''css''))
      .pipe(gulpif(options.devBuild, browserSync.reload({stream:true})))
      .pipe(notify(function () {
        console.log(''END CSS/LESS built in '' + (Date.now() - start) + ''ms'');
      }));
  };

  run();

  if (options.watch) {
    gulp.watch(src, run);
  }
};

gulp.task(''dev'', function () {
  var options = {
    devBuild: true,
    minify: false,
    watch: false
  };

  cssTask (options);
});

Answer 2

Aquí hay otra forma sin módulos adicionales:

Necesitaba adivinar el entorno a partir del nombre de la tarea, tengo una tarea ''dev'' y una tarea ''prod''.

Cuando ejecuto gulp prod , debería establecerse en el entorno prod. Cuando ejecuto gulp dev o cualquier otra cosa, debería establecerse en el entorno de desarrollo.

Para eso solo verifico el nombre de la tarea en ejecución:

devEnv = process.argv[process.argv.length-1] !== ''prod'';

Answer 3

Es una característica que no puede quedarse sin los programas. Puedes probar hilos.

npm install --save-dev yargs

Puedes usarlo así:

gulp mytask --production --test 1234

En el código, por ejemplo:

var argv = require(''yargs'').argv;
var isProduction = (argv.production === undefined) ? false : true;

Para su entendimiento:

> gulp watch
console.log(argv.production === undefined);  <-- true
console.log(argv.test === undefined);        <-- true

> gulp watch --production
console.log(argv.production === undefined);  <-- false
console.log(argv.production);                <-- true
console.log(argv.test === undefined);        <-- true
console.log(argv.test);                      <-- undefined

> gulp watch --production --test 1234
console.log(argv.production === undefined);  <-- false
console.log(argv.production);                <-- true
console.log(argv.test === undefined);        <-- false
console.log(argv.test);                      <-- 1234

Espero que puedas tomarlo desde aquí.

Hay otro complemento que puedes usar, minimist. Hay otra publicación donde hay buenos ejemplos tanto para yargs como para minimist: ( ¿Es posible pasar una bandera a Gulp para que ejecute tareas de diferentes maneras? )

Answer 4

Hay una receta oficial para esto usando minimist .

github.com/gulpjs/gulp/blob/master/docs/recipes/…

Lo básico es usar minimist para separar los argumentos de cli y combinarlos con opciones conocidas:

var options = minimist(process.argv.slice(2), knownOptions);

Que analizaría algo como

$ gulp scripts --env development

Más información completa en la receta.

Answer 5

La respuesta de @ Ethan funcionaría por completo. Desde mi experiencia, la forma más nodal es usar variables de entorno. Es una forma estándar de configurar programas implementados en plataformas de alojamiento (por ejemplo, Heroku o Dokku).

Para pasar el parámetro desde la línea de comando, hágalo así:

Desarrollo: gulp dev

Producción: NODE_ENV=production gulp dev

La sintaxis es diferente, pero muy Unix, y es compatible con Heroku, Dokku, etc.

Puede acceder a la variable en su código en process.env.NODE_ENV

MYAPP=something_else gulp dev

establecería

process.env.MYAPP === ''something_else''

Esta respuesta puede darte algunas otras ideas.

Answer 6

Pasar un parámetro a tragar puede significar algunas cosas:

• Desde la línea de comandos hasta el archivo de trago (ya ejemplificado aquí).
• Desde el cuerpo principal del script gulpfile.js hasta tragar tareas.
• De una tarea de trago a otra tarea de trago.

Aquí hay un enfoque para pasar parámetros desde el archivo principal de gulpfile a una tarea de gulp. Al mover la tarea que necesita el parámetro a su propio módulo y envolverlo en una función (para que se pueda pasar un parámetro):

// ./gulp-tasks/my-neat-task.js file
module.exports = function(opts){

  opts.gulp.task(''my-neat-task'', function(){
      console.log( ''the value is '' + opts.value );
  });

};

//main gulpfile.js file

//...do some work to figure out a value called val...
var val = ''some value'';

//pass that value as a parameter to the ''my-neat-task'' gulp task
require(''./gulp-tasks/my-neat-task.js'')({ gulp: gulp, value: val});

Esto puede ser útil si tiene muchas tareas y desea pasarles algunas configuraciones ambientales útiles. No estoy seguro de si puede funcionar entre una tarea y otra.

Answer 7

Sé que llego tarde para responder esta pregunta, pero me gustaría agregar algo para responder de @Ethan, la respuesta más votada y aceptada.

Podemos usar yargs para obtener el parámetro de línea de comando y con eso también podemos agregar nuestro propio alias para algunos parámetros como el siguiente.

var args = require(''yargs'')
    .alias(''r'', ''release'')
    .alias(''d'', ''develop'')
    .default(''release'', false)
    .argv;

Favor de referirse a este enlace para más detalles. https://github.com/yargs/yargs/blob/HEAD/docs/api.md

El siguiente es el uso de alias según lo indicado en la documentación de los yargs . También podemos encontrar más funciones de yargs allí y podemos mejorar aún más la experiencia de pasar la línea de comandos.

.alias (clave, alias)

Establezca los nombres de las claves como equivalentes, de modo que las actualizaciones de una clave se propaguen a alias y viceversa.

Opcionalmente .alias () puede tomar un objeto que asigna claves a alias. Cada clave de este objeto debe ser la versión canónica de la opción, y cada valor debe ser una cadena o una matriz de cadenas.

Answer 8

Si desea evitar agregar dependencias adicionales, encontré que el nodo process.argv es útil:

gulp.task(''mytask'', function() {
    console.log(process.argv);
});

Entonces lo siguiente:

gulp mytask --option 123

debería mostrar:

[ ''node'', ''path/to/gulp.js'', ''mytask'', ''--option'', ''123'']

Si está seguro de que el parámetro deseado está en la posición correcta, entonces no se necesitan las banderas. ** Solo use (en este caso):

var option = process.argv[4]; //set to ''123''

PERO: como la opción puede no estar configurada, o puede estar en una posición diferente, creo que una mejor idea sería algo como:

var option, i = process.argv.indexOf("--option");
if(i>-1) {
    option = process.argv[i+1];
}

De esa manera, puede manejar variaciones en múltiples opciones, como:

//task should still find ''option'' variable in all cases
gulp mytask --newoption somestuff --option 123
gulp mytask --option 123 --newoption somestuff
gulp mytask --flag --option 123

** Editar: verdadero para los scripts de nodo, pero gulp interpreta cualquier cosa sin un "-" inicial como otro nombre de tarea. Por lo tanto, usar gulp mytask 123 fallará porque gulp no puede encontrar una tarea llamada ''123''.

Answer 9

Si desea usar parámetros de entorno y otras utilidades, como log, puede usar gulp-util

/* 
  $npm install gulp-util --save-dev
  $gulp --varName 123
*/
var util = require(''gulp-util'');
util.log(util.env.varName);

Answer 10

Si usa trago con hilos, observe lo siguiente:

Si tiene una tarea ''cliente'' y no quiere usar la construcción de hilos en la verificación de parámetros para los comandos requeridos:

.command("customer <place> [language]","Create a customer directory") llámelo con:

gulp customer --customer Bob --place Chicago --language english

¡yargs siempre arrojará un error, que no hay suficientes comandos asignados a la llamada, incluso si tiene! -

Pruébelo y agregue solo un dígito al comando (para que no sea igual al nombre de la tarea de trago) ... y funcionará:

.command("customer1 <place> [language]","Create a customer directory")

Esta es la causa de que el trago parezca desencadenar la tarea, antes de que los hilos puedan verificar este parámetro requerido. Me costó horas de vigilancia resolver esto.

Espero que esto te ayude..

Answer 11

Simplemente cárguelo en un nuevo objeto en el proceso .. process.gulp = {} y haga que la tarea mire allí.