如何在单个 Gulpjs 任务中添加已经缩小的文件？答案

【问题标题】：How to prepend already minified files in a single Gulpjs task?如何在单个 Gulpjs 任务中添加已经缩小的文件？
【发布时间】：2014-03-02 19:28:39
【问题描述】：

我想试试 Gulpjs，因为它看起来真的很快。我不明白如何在 Gulpjs 中翻译以下（部分）Gruntjs 配置。

基本上目的是 uglify 项目文件加上一些外部依赖项（尚未缩小）并预先添加一些已经缩小的依赖项，以避免在已经缩小的情况下进行缩小过程来源。

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

【问题讨论】：

标签： node.js gruntjs gulp

【解决方案1】：

如果您希望“concat”任务依赖于“uglify”任务的成功完成，则需要从“uglify”任务返回流（或使用another method）。

不管怎样，你当然应该简化这个。

您可以查看other SO thread 以获取想法。我可能会使用 gulp-if 或 event-stream。

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

【讨论】：

感谢您提供有用的资源。我想我会选择流队列（需要研究）。