javascript - 是否可以将标志传递给Gulp以使其以不同方式运行任务？(Is it possible to pass a flag to Gulp to have it run tasks in different ways?)

Question

Normally in Gulp tasks look like this:

(通常在Gulp任务中看起来像这样：)

gulp.task('my-task', function() {
    return gulp.src(options.SCSS_SOURCE)
        .pipe(sass({style:'nested'}))
        .pipe(autoprefixer('last 10 version'))
        .pipe(concat('style.css'))
        .pipe(gulp.dest(options.SCSS_DEST));
});

Is it possible to pass a command line flag to gulp (that's not a task) and have it run tasks conditionally based on that?

(是否可以将命令行标志传递给gulp（这不是一项任务）并让它根据它有条件地运行任务？)

For instance

(例如)

$ gulp my-task -a 1

And then in my gulpfile.js:

(然后在我的gulpfile.js中：)

gulp.task('my-task', function() {
        if (a == 1) {
            var source = options.SCSS_SOURCE;
        } else {
            var source = options.OTHER_SOURCE;
        }
        return gulp.src(source)
            .pipe(sass({style:'nested'}))
            .pipe(autoprefixer('last 10 version'))
            .pipe(concat('style.css'))
            .pipe(gulp.dest(options.SCSS_DEST));
});

  ask by asolberg translate from so

Answer 1

Gulp doesn't offer any kind of util for that, but you can use one of the many command args parsers.

(Gulp不提供任何类型的util，但你可以使用众多命令args解析器之一。)

I like yargs .

(我喜欢yargs 。)

Should be:

(应该：)

var argv = require('yargs').argv;

gulp.task('my-task', function() {
    return gulp.src(argv.a == 1 ? options.SCSS_SOURCE : options.OTHER_SOURCE)
        .pipe(sass({style:'nested'}))
        .pipe(autoprefixer('last 10 version'))
        .pipe(concat('style.css'))
        .pipe(gulp.dest(options.SCSS_DEST));
});

You can also combine it with gulp-if to conditionally pipe the stream, very useful for dev vs. prod building:

(您还可以将它与gulp-if以有条件地管道流，对于dev与prod构建非常有用：)

var argv = require('yargs').argv,
    gulpif = require('gulp-if'),
    rename = require('gulp-rename'),
    uglify = require('gulp-uglify');

gulp.task('my-js-task', function() {
  gulp.src('src/**/*.js')
    .pipe(concat('out.js'))
    .pipe(gulpif(argv.production, uglify()))
    .pipe(gulpif(argv.production, rename({suffix: '.min'})))
    .pipe(gulp.dest('dist/'));
});

And call with gulp my-js-task or gulp my-js-task --production .

(并使用gulp my-js-task或gulp my-js-task --production调用。)