如何在单个Gulpjs任务中预置已缩小的文件？

Question

我想试一试Gulpjs，因为它看起来真的很快。我不明白如何在Gulpjs中转换以下(部分) Gruntjs配置。

其基本目的是使项目文件丑陋，加上一些外部依赖项(尚未缩小)(尚未缩小)，并预置一些已经缩小的依赖项，以避免对已经缩小的源进行缩小处理。

uglify: {
    dist: {
        src: [
            '<%= deps %>/bootstrap-daterangepicker/daterangepicker.js',
            '<%= deps %>/smalot-bootstrap-datetimepicker/js/locales/*.js',
            'src/js/**/*.js',
        ],
        dest: '<%= clean.dist %>/js/<%= pkg.name %>.min.js'
    }
},

concat: {
    dist: {
        src: [
            '<%= deps %>/jquery/dist/jquery.min.js',
            '<%= deps %>/bootstrap/dist/js/bootstrap.min.js',
            '<%= deps %>/momentjs/min/moment-with-langs.min.js',
            '<%= uglify.dist.dest %>'
        ],
        dest: '<%= uglify.dist.dest %>'
    }
},

我怎么能在Gulpjs做同样的事呢？这有可能吗？

现在，我的任务(不起作用，结果只是jquery.min.js的内容)看起来如下：

gulp.task('uglify', function() {
    gulp.src([
        './bower_components/bootstrap-daterangepicker/daterangepicker.js',
        './bower_components/smalot-bootstrap-datetimepicker/js/locales/*.js',
        './src/js/**/*.js'
    ])
    .pipe(uglify())
    .pipe(concat('admin-template.js'))
    .pipe(gulp.dest('./dist/js'));
});

// Doesn't work
gulp.task('concat', ['uglify'], function () {
    gulp.src([
        'bower_components/jquery/dist/jquery.min.js',
        './dist/js/admin-template.js' // output of uglify task
    ])
    .pipe(concat('admin-template.js'))
    .pipe(gulp.dest('./dist/js/'));
});

Answer 1

您需要从"uglify“任务(或使用另一种方法)返回流，如果您希望您的"concat”任务依赖于"uglify“任务的成功完成。

无论哪种方式，您都应该简化这一点。

您可能会看到这个其他SO线程的想法。我可能会使用吞咽-如果，或事件流。

在这里看一看：https://github.com/gulpjs/gulp/blob/master/docs/recipes/using-multiple-sources-in-one-task.md