带有 browerify 和 gulp 的多个捆绑包答案

【问题标题】：multiple bundles with browerify and gulp带有 browerify 和 gulp 的多个捆绑包
【发布时间】：2014-04-30 08:02:14
【问题描述】：

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

我只想用 gulp 做that。

我找到了这个repo，但我如何将它用于 gulpfile。

【问题讨论】：

标签： javascript build bundle gulp

【解决方案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

【讨论】：