Concat脚本按顺序吞咽

Question

比如说，您正在主干上构建一个项目，需要按特定顺序加载脚本，例如下划线。js需要在主干之前加载。js。

我怎样才能让它在脚本中保持有序？

// JS concat, strip debugging and minify
gulp.task('scripts', function() {
    gulp.src(['./source/js/*.js', './source/js/**/*.js'])
    .pipe(concat('script.js'))
    .pipe(stripDebug())
    .pipe(uglify())
    .pipe(gulp.dest('./build/js/'));
});

我的源代码/索引中的脚本顺序正确。html，但由于文件是按字母顺序组织的，gulp将显示下划线。js在主干之后。js，以及我的源代码/索引中脚本的顺序。html不重要，它查看目录中的文件。

有人对此有想法吗？

我最好的主意是用1，2，3重命名供应商脚本，以给他们正确的顺序，但我不确定我是否喜欢这样。

随着我了解的越来越多，我发现布朗瑟夫是一个很好的解决方案，起初可能会很痛苦，但它很棒。

Answer 1

我使用过gulp order插件，但它并不总是成功的，正如我的stack overflow post gulp order node模块和合并流所示。在浏览Gulp文档时，我遇到了streamque模块，它在我的案例中非常适合指定连接顺序。https://github.com/gulpjs/gulp/blob/master/docs/recipes/using-multiple-sources-in-one-task.md

下面是我如何使用它的示例

var gulp         = require('gulp');
var concat       = require('gulp-concat');
var handleErrors = require('../util/handleErrors');
var streamqueue  = require('streamqueue');

gulp.task('scripts', function() {
    return streamqueue({ objectMode: true },
        gulp.src('./public/angular/config/*.js'),
        gulp.src('./public/angular/services/**/*.js'),
        gulp.src('./public/angular/modules/**/*.js'),
        gulp.src('./public/angular/primitives/**/*.js'),
        gulp.src('./public/js/**/*.js')
    )
        .pipe(concat('app.js'))
        .pipe(gulp.dest('./public/build/js'))
        .on('error', handleErrors);
});

Answer 2

如果您需要一些文件位于文件块之后，另一个有帮助的方法是从glob中排除特定文件，如下所示：

[
  '/src/**/!(foobar)*.js', // all files that end in .js EXCEPT foobar*.js
  '/src/js/foobar.js',
]

您可以将此与指定需要优先处理的文件结合起来，如查德·约翰逊的回答所述。

Answer 3

我最近在构建AngularJS应用程序时遇到了与Grunt类似的问题。这是我发布的一个问题。

我最后做的是在grunt配置中按顺序显式列出文件。配置文件将如下所示：

[
  '/path/to/app.js',
  '/path/to/mymodule/mymodule.js',
  '/path/to/mymodule/mymodule/*.js'
]

Grunt能够找出哪些文件是重复的，而不包括它们。同样的技术也适用于Gulp。