javascript - 首先在 gulp 中连接一个文件

Question

我使用 gulp 将项目构建到名为 all.js 的文件中。 在我的工作区中，我有一个名为 modules.js 的文件。在此文件中，我声明了所有 namespace 。 我希望 gulp 首先在 all.js 的顶部连接这个文件，然后才是其余的 js 文件。这样我就不必担心文件顺序以及任何未定义的命名空间。

这是我尝试过的:

gulp.src("./src/main/modules.js")
    .pipe(concat("all.js"))
    .pipe(gulp.src(["./src/**/*.js", "!./src/main/modules.js"]))
    .pipe(concat("all.js"))
    .pipe(gulp.dest(dist));

但是这样，modules.js就是我在all.js中看到的全部内容。其余文件根本没有被写入。

如何告诉 gulp 首先将 modules.js 写入 all.js，然后在其后添加其余的 js 文件？

谢谢!

Answer 1

有一种方法可以在 gulp 中指定串联顺序(使用“order”):

gulp
  .src("**/*.coffee")
  .pipe(coffee())
  .pipe(gulp.src("**/*.js")) // gulp.src passes through input 
  .pipe(order([
    "vendor/js1.js",
    "vendor/**/*.js",
    "app/coffee1.js",
    "app/**/*.js"
  ]))
  .pipe(concat("all.js"))
  .pipe(gulp.dest("dist"));

如 npm documentation 中所述和 this good article 。希望这有帮助!