正确的方式

Question

我正在尝试根据变量的值有条件地管道文件流，作为定义两个独立构建环境（即开发和生产）的方法。

某些任务可以使用命令行标志单独运行，如下所示： gulp scripts --env production

然后将执行一些仅限生产的管道步骤：

gulp.task('scripts', function() {
  var jsFilter = filter(['*.js']),
  appFiles;

  return gulp.src(appFiles)
    .pipe(jsFilter)
    .pipe(concat('application-build.js'))
    .pipe(gulpif(env === 'production', uglify()))
    .pipe(size())
    .pipe(gulpif(env === 'production', gulp.dest('dist/js'), gulp.dest('tmp/js')))
    .pipe(browserSync.reload({ stream: true }));
});

我有一个build任务，它将许多其他任务称为依赖项（例如，包括此scripts任务）。我希望此build任务在运行任务依赖项之前分配变量（在本例中为env）。这意味着：

gulp.task('build', ['scripts', 'styles', 'otherstuff'], function() { env = 'production'; }

不起作用，因为依赖项在任务正文之前运行。

我目前使用gulp.start实现了它：

gulp.task('build', function() { env = 'production'; gulp.start('scripts'); });

But the .start method isn't actually part of gulp's public API - comes from Orchestrator - 并不打算用于任何事情。此外，等效方法gulp.run在API之前已被弃用。

所以我想知道 - 在运行其依赖项之前，还有另一种方法可以在任务中分配变量吗？

（或许还有更好的方法来实现像gulp中的构建环境一样的东西？）

Answer 1

正确的方式

我不同意@Justin。用任务定义环境变量是一个想法的hackjob。使用gutil.env这样做可以做得更好。

gulp --env prod task

gulp.task( 'myTask', () => { console.log( gutil.env.env ) } )

现在，从这一点开始，您已设置gulp.env.env。

或者，或者你可以像this example in this ticket..那样从Gulp的开发者那里解决这个问题，他们首先建议使用环境变量，但提供这个习惯用法。

function js(shouldMinify) {
    return gulp.src('./js/*.js')
        .pipe(concat('app.js'))
        .pipe(gulpif(shouldMinify, uglify()))
        .pipe(gulp.dest('js'));
});

gulp.task('develop', function () {
    shouldMinify = false;
    return js(shouldMinify);
});

gulp.task('build', function () {
    shouldMinify = true;
    return js(shouldMinify);
});

same developer (phated)总是说使用env ...

更不用说，您应该使用环境变量或命令行标志来控制这种类型的逻辑。 - 逐步

据推测，他指的是在gutil.noop()的文档中使用gulp-util：

// gulp should be called like this :
// $ gulp --type production
gulp.task('scripts', function() {
  gulp.src('src/**/*.js')
    .pipe(concat('script.js'))
    // LOOK BELOW: if we don't send to uglify, we push to noop stream.
    .pipe(gutil.env.type === 'production' ? uglify() : gutil.noop())
    .pipe(gulp.dest('dist/'));
});

Answer 2

您可以专门创建一个任务来设置环境并在其他任务之前运行它。

gulp.task('set-production', function() {
  env = 'production';
});

// Doesn't quite work because tasks are run in parallel
gulp.task('build', ['set-production', 'scripts', 'styles', 'otherstuff']);

这里的问题是您的任务将并行运行，这意味着set-production任务可以在其他任务之后运行。您可以使用run-sequence包解决此问题。

var runSequence = require('run-sequence');
gulp.task('build', function(callback) {
  runSequence('set-production', ['scripts', 'styles', 'otherstuff'], callback);
});

这将首先运行set-production任务，然后并行运行scripts，styles和otherstuff任务。

是否可以在运行依赖项之前在gulp任务中分配变量？

2 个答案:

正确的方式