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

时间:2014-05-23 05:27:49

标签: javascript gulp browserify

给出一个源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));
});

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

感谢任何帮助。

1 个答案:

答案 0 :(得分:2)

在这一点上,我想你只是在寻找最干的可能实现,所以也许:

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

老实说,我不确定这会给你买多少,但我觉得它好一点。