javascript - 有没有更好的方法来编写下面的 gulp.js (使用 browserify)？

Question

给定一个js源码 我想生成它的两个副本

其中之一是 concat browserify 版本 另一个是丑陋的浏览器版本

我已经设法用下面的 gulp.js 来完成任务:

var gulp = require('gulp');
var browserify = require('browserify');
var uglify = require('gulp-uglify');
var source = require('vinyl-source-stream');
var rename = require('gulp-rename');
var streamify = require('gulp-streamify')

gulp.task('js',function(){

    var outputDir = 'someoutputfolder';

    browserify('main.js')
        .bundle({debug:true})
        .pipe(source('build.js'))
        .pipe(gulp.dest(outputDir));

    browserify('main.js')
        .bundle({debug:true})
        .pipe(source('build.js'))
        .pipe(streamify(uglify()))
        .pipe(gulp.dest(outputDir));
});

我想知道是否有更有效的方法来实现我的目标。

感谢任何帮助。

Answer 1

此时我想您只是在寻找 DRY-est 可能的实现，所以也许:

var gulp = require('gulp');
var browserify = require('browserify');
var uglify = require('gulp-uglify');
var source = require('vinyl-source-stream');
var rename = require('gulp-rename');
var streamify = require('gulp-streamify')

gulp.task('js',function(){

  var outputDir = 'someoutputfolder';

  var bundle = browserify('main.js')
        .bundle({debug:true});

  bundle.pipe(source('build.js'))
        .pipe(gulp.dest(outputDir));

  bundle.pipe(source('build-min.js'))
        .pipe(streamify(uglify()))
        .pipe(gulp.dest(outputDir));
});

老实说，我不确定这会给你带来多大好处，但我想它会好一点。