javascript - 使用 browserify 和 gulp 进行多个 bundle

Question

我找不到任何使用 gulp 和 browserify 来构建多个包的示例。

我只想做that一口气。

我找到了这个repo但我如何将它使用到 gulpfile 中。

Answer 1

我认为这个问题没有引起太多关注，因为 browserify 被错误地拼写为 browerify。

如果您仍然感兴趣，这里有一个 gulpfile.js 配方示例，其功能与 example in node-browserify docs 完全相同。

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

gulp.task('default', ['build-common', 'build-beep', 'build-boop']);

gulp.task('build-common', function () {
  var b = browserify()
    .require('./robot'); // same as -r option

  var stream = b.bundle()
    .pipe(source('common.js')) // the output filename
    .pipe(gulp.dest('./static/')); // the output directory
  return stream;
});

gulp.task('build-beep', function () {
  var b = browserify('./beep.js')
    .external('./robot.js'); // same as -e option

  var stream = b.bundle()
    .pipe(source('beep.js')) // the output filename
    .pipe(gulp.dest('./static/')); // the output directory
  return stream;
});

gulp.task('build-boop', function () {
  var b = browserify('./boop.js')
    .external('./robot.js'); // same as -e option

  var stream = b.bundle()
    .pipe(source('boop.js')) // the output filename
    .pipe(gulp.dest('./static/')); // the output directory
  return stream;
});

当然，这有点冗长，但我希望这可以帮助您入门。

我写了一些与 browserify 相关的 gulp 食谱，可能有用:https://github.com/sogko/gulp-recipes