关于 gulp-concat 合并 js的先后顺序

在用到 前段构建工具 gulp

用 gulp-concat 合并js 的时候， 需要安装 合并的先后顺序

gulp.task('scripts', function() {
     gulp.src('./src/common/js/*.js')
        .pipe(concat('main.js'))
        .pipe(gulp.dest('dist/common/js'))
        .pipe(rename({suffix: '.min'}))
        .pipe(uglify())
        .pipe(gulp.dest('dist/common/js'))
        .pipe(notify({ message: 'Scripts common task complete' }));
});

我们可以使用如下方法：

gulp.task('scripts', function() {
  gulp.src(['a.js', 'b.js', 'c.js'])
    .pipe(concat('main.js'))
});

也可以通过gulp-order来解决问题：

例如：

var order = require("gulp-order");
var coffee = require("gulp-coffee");
var concat = require("gulp-concat");

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"));

具体细节见https://github.com/sirlantis/gulp-order