Question

我只是想知道是否可以在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');
});

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

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

这可能在Gulp中吗？

Answer 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传递参数。

在命令中传递Gulp参数

1 个答案: