在命令中传递 Gulp 参数答案

【问题标题】：Pass Gulp argument in command在命令中传递 Gulp 参数
【发布时间】：2017-01-12 10:46:55
【问题描述】：

我只是想知道是否可以在 Gulp 命令中传递参数。

例如我想使用以下命令：

gulp alpha

然后我希望将该命令的 alpha 部分传递给我的样式任务，如下所示：

gulp.task('styles', ([ ALPHA ARGUMENT HERE ]) => {
    return gulp.src('src/styles/theme/[ ALPHA ARGUMENT HERE ]/main.scss')
        .pipe(sassGlob())
        .pipe(sass({
            style: 'expanded',
            quiet: true,
            'default-encoding': 'UTF-8'
        }))
        .pipe(autoprefixer('last 2 version', 'safari 5', 'ie 8', 'ie 9', 'opera 12.1', 'ios 6', 'android 4'))
        .pipe(gulp.dest('public/css'))
        //.pipe(rename({ suffix: '.min' }))
        .pipe(rename('[ ALPHA ARGUMENT HERE ]-all.min.css'))
        .pipe(minifycss({
          compatibility: 'ie8',
          noAdvanced: true
        }))
        .pipe(gulp.dest('public/css/'));
});

然后当我运行默认的 Gulp 任务时：

// Default Task Init

gulp.task('default', () => {
    gulp.start('production');
});

gulp.task('production', ['clean'], () => {
    gulp.start('styles', 'images', 'fonts', 'scripts');
});

我希望我的样式任务在我的public/css/ 文件夹中生成一个名为：alpha-all.min.css 的文件。

我目前正在使用Gulp Yargs 直接在命令行中使用任务。

这在 Gulp 中可行吗？

【问题讨论】：

不可能。 gulp alpha 告诉 gulp 运行一个名为 alpha 的任务，而不是运行带有参数 alpha 的 default 任务。没有办法规避这一点。
@SvenSchoenung，我设法使用 Yargs 做到了这一点，虽然不完美但很有效 :)

标签： css gulp gulp-sass

【解决方案1】：

我自己设法解决了这个问题，如果有人想知道如何做到这一点，我使用了以下任务：

var theme = argv.destination;

gulp.task('styles', () => {
    return gulp.src('src/styles/theme/' + theme + '/main.scss')
        .pipe(sassGlob())
        .pipe(sass({
            style: 'expanded',
            quiet: true,
            'default-encoding': 'UTF-8'
        }))
        .pipe(autoprefixer('last 2 version', 'safari 5', 'ie 8', 'ie 9', 'opera 12.1', 'ios 6', 'android 4'))
        .pipe(gulp.dest('public/css'))
        //.pipe(rename({ suffix: '.min' }))
        .pipe(rename(theme + '-all.min.css'))
        .pipe(minifycss({
          compatibility: 'ie8',
          noAdvanced: true
        }))
        .pipe(gulp.dest('public/css/'));
});

通过使用 Gulp Yargs，我可以使用 gulp --destination=alpha 传递参数。

【讨论】：