我们希望为不同的环境传递不同的配置文件——一个用于生产、开发和测试。下面是gulp文件中的代码:

//传入标志给gulp来设置环境 //var env = gutil.env.env; If (typeof gutil.env.env === 'string') { process.env。NODE_ENV = gutil.env.env; ｝

这是app.js文件中的代码:

If (env === 'testing'){ var Config = require('./ Config .testing.js'); var Api = require('./ Api /testing.js')(Config.web); ｝ Else if(env === 'dev'){ Config = require('./ Config .dev.js'); Api = require('./ Api /dev.js').Api; ｝ 其他{ Config = require('./ Config .production.js'); Api = require('./ Api /production.js')(Config.web); ｝

然后运行gulp—env=testing

Gulp没有为此提供任何类型的util，但您可以使用众多命令参数解析器中的一个。我喜欢码。应该是:

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));
});

你也可以将它与gulp-if结合起来，有条件地管道流，对于开发vs. 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/'));
});

然后调用gulp my-js-task或者gulp my-js-task——production。

var isProduction = (process.argv.indexOf("production")>-1);

CLI gulp production调用我的生产任务，并为任何条件设置一个标志。

Edit

Gulp-util已弃用，应该避免使用，因此建议使用minimist, Gulp-util已经使用了minimist。

所以我改变了gulpfile中的一些行来删除gulp-util:

var argv = require('minimist')(process.argv.slice(2));

gulp.task('styles', function() {
  return gulp.src(['src/styles/' + (argv.theme || 'main') + '.scss'])
    …
});

原始

在我的项目中，我使用以下标志:

gulp styles --theme literature

Gulp提供了一个对象。环境。它在新版本中已弃用，因此必须使用gulp-util。任务如下所示:

var util = require('gulp-util');

gulp.task('styles', function() {
  return gulp.src(['src/styles/' + (util.env.theme ? util.env.theme : 'main') + '.scss'])
    .pipe(compass({
        config_file: './config.rb',
        sass   : 'src/styles',
        css    : 'dist/styles',
        style  : 'expanded'

    }))
    .pipe(autoprefixer('last 2 version', 'safari 5', 'ie 8', 'ie 9', 'ff 17', 'opera 12.1', 'ios 6', 'android 4'))
    .pipe(livereload(server))
    .pipe(gulp.dest('dist/styles'))
    .pipe(notify({ message: 'Styles task complete' }));
});

环境设置在所有子任务期间可用。所以我也可以在监视任务上使用这个标志:

gulp watch --theme literature

我的样式任务也可以工作。

嗨 拉尔夫

这是我找到的一个快速食谱:

gulpfile.js

var gulp   = require('gulp');

// npm install gulp yargs gulp-if gulp-uglify
var args   = require('yargs').argv;
var gulpif = require('gulp-if');
var uglify = require('gulp-uglify');

var isProduction = args.env === 'production';

gulp.task('scripts', function() {
  return gulp.src('**/*.js')
    .pipe(gulpif(isProduction, uglify())) // only minify if production
    .pipe(gulp.dest('dist'));
});

CLI

gulp scripts --env production

原始参考(不再可用):https://github.com/gulpjs/gulp/blob/master/docs/recipes/pass-params-from-cli.md

另类与极简主义

来源:https://github.com/gulpjs/gulp/blob/master/docs/recipes/pass-arguments-from-cli.md

gulpfile.js

// npm install --save-dev gulp gulp-if gulp-uglify minimist

var gulp = require('gulp');
var gulpif = require('gulp-if');
var uglify = require('gulp-uglify');

var minimist = require('minimist');

var knownOptions = {
  string: 'env',
  default: { env: process.env.NODE_ENV || 'production' }
};

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

gulp.task('scripts', function() {
  return gulp.src('**/*.js')
    .pipe(gulpif(options.env === 'production', uglify())) // only minify if production
    .pipe(gulp.dest('dist'));
});

CLI

gulp scripts --env production

如果你正在使用typescript (gulpfile.ts)，那么在yargs(基于@Caio Cunha的精彩回答https://stackoverflow.com/a/23038290/1019307和上面的其他评论)中这样做:

安装

npm install --save-dev yargs

typings install dt~yargs --global --save

.ts文件

把这个添加到.ts文件中:

import { argv } from 'yargs';

...

  let debug: boolean = argv.debug;

这必须在每个.ts文件中单独完成(即使是导入到gulpfile.ts/js中的工具/任务/项目文件)。

Run

gulp build.dev --debug

或者在npm下将arg传递给gulp:

npm run build.dev -- --debug