Question

我无法使用gulp和browserify查找任何示例以构建多个包。

我只想和gulp一起做that。

我发现了这个repo，但是我如何将它用于gulpfile。

Answer 1

我认为这个问题没有得到太多关注，因为浏览器拼写错误为 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;
});

当然，这有点冗长，但我希望这可以帮助你开始。

我编写了一些与浏览器相关的gulp配方可能很有用：https://github.com/sogko/gulp-recipes

使用browserify和gulp的多个包

1 个答案: