Gulp中的多个流

时间:2016-07-05 14:37:57

标签: javascript gulp

我有三个js文件:start "%VS140COMNTOOLS%..\IDE\mstest.exe" MSTest /testcontainer:tests.dll 1.js2.e6.js

我想传递3.js通过 babel ,然后在其他两个(1 - > 2 - > 3)之间连接,然后 uglify 一切。

如何用Gulp实现这一目标?

示例

2.e6.js

1 个答案:

答案 0 :(得分:1)

你可以尝试这样的事情。我没有测试它,告诉我它是否没有达到您的预期或是否有错误。

var gulp = require('gulp');
var babel = require('gulp-babel');
var rename = require("gulp-rename");
var concat = require('gulp-concat');
var uglify = require('gulp-uglify');

gulp.task('babelCompilation', function() {
  return gulp.src('./2.e6.js')
    .pipe(babel({
      presets: ['es2015']
    }))
    .pipe(rename({
      suffix: ".compiled"
    }))
    .pipe(gulp.dest('./'));
});

gulp.task('default', ['babelCompilation'], function() {
  return gulp.src(['./1.js', './2.e6.compiled.js', './3.js'])
    .pipe(concat('out.js'))
    .pipe(uglify())
    .pipe(gulp.dest('./dist/'));
});

您只需在控制台上拨打gulp即可启动gulp.task('default', ...);

我刚刚添加了一个执行babel编译的任务依赖项。