GULP-带有浏览的JS文件

Question

我完全按照此处的示例，有我自己的版本：

gulp.task('build-js', function() {
    var bundler = browserify('js/*.js');
    return bundler.pipe()
        .pipe(source('bundle.min.js'))
        .pipe(buffer())
        .pipe(sourcemaps.init())
        .pipe(uglify())
        .pipe(sourcemaps.write('./maps'))
        .pipe(gulp.dest('dist'))
        .pipe(livereload());
});

但是为什么我会得到这个错误：

$ gulp
[21:48:33] Using gulpfile /var/www/html/mysite/gulpfile.js
[21:48:33] Starting 'apply-prod-environment'...
Setting NODE_ENV to 'production'
Successfully set NODE_ENV to production
[21:48:33] Finished 'apply-prod-environment' after 169 μs
[21:48:33] Starting 'build-js'...
[21:48:33] 'build-js' errored after 11 ms
[21:48:33] TypeError: bundler.pipe is not a function

我错过了什么？

Answer 1

看来vinyl-buffer提供的示例有一个错误：您必须在添加转换之前调用bundle()，而不是pipe()：

return bundler.bundle()
    .pipe(source('bundle.min.js'))
    .pipe(buffer())
    .pipe(sourcemaps.init())
    .pipe(uglify())
    .pipe(sourcemaps.write('./maps'))
    .pipe(gulp.dest('dist'))
    .pipe(livereload());

在Gulp存储库中提供了另一个示例(确实应该直接在Gulp中使用浏览API(。