多股溪流

Question

我有三个js文件：1.js、2.e6.js和3.js

我想传递2.e6.js two，然后把它连接到另外两个(1 -> 2 -> 3)之间，然后丑化所有的东西。

我怎样才能用Gulp实现这一点呢？

示例

var gulp = require('gulp');
var uglify = require('gulp-uglify');
var concat = require('gulp-concat');

gulp.task('webdist', function() {
    gulp.src(['./1.js', './2.e6.js', './3.js']) // <-   2.e6.js should pass throu .pipe(babel({ presets: ['es2015'] }))
        .pipe(concat('out.js'))
        .pipe(gulp.dest('./dist/'));
});

Answer 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编译。