gulpify

(deprecated) a browserify plugin for gulp

gulpify

This module is deprecated in favor of vinyl-source-stream. If you'd like to use a plugin, you can still use gulp-browserify.

A simple but flexible browserify plugin for Gulp v3. Mostly just to see how gulp and its ecosystem works.

First, install gulpify as a development dependency:

npm install --save-dev gulpify

Then, add it to your gulpfile.js:

var browserify = require('gulpify')
var gulp = require('gulp')
 
gulp.task('bundle', function() {
  gulp.src('index.js')
    .pipe(browserify('bundle.js'))
    .pipe(gulp.dest('./dist/'))
})

Most of the methods normally supported by browserify are available on this gulp stream, and you can pass in an options object directly to it too:

var browserify = require('gulpify')
var gulp = require('gulp')
 
gulp.task('bundle', function() {
  var bundler = browserify('bundle.js', {
      cwd: __dirname + '/some/folder'
    , noParse: true
  })
 
  bundler
    .transform('coffeeify')
    .transform('decomponentify')
    .transform('envify')
    .ignore(require.resolve('express'))
 
  bundler.on('file', function(file) {
    console.log('parsed file: ' + file)
  })
 
  bundler.on('bundle', function() {
    console.log('starting browserify bundle')
  })
 
  bundler.on('end', function() {
    console.log('finished browserify bundle')
  })
 
  gulp.src('index.js')
    .pipe(bundler)
    .pipe(gulp.dest('./dist/'))
})

Also note that right now streaming files are not supported, i.e. you cannot use the following in your pipeline:

gulp.src('file.js', { buffer: false })

Type: String

The file name of the resulting bundle - much like gulp-concat expects.

Type: Object Default: { cwd: firstFile.cwd }

Exactly the same as if you were to pass the options object directly to browserify, however options.cwd will default to the first file's own cwd property unless you specify it yourself.

A number of methods that are normally exposed on browserify's bundler instance are also usable directly on the gulpify stream, e.g.:

var stream = gulpify('bundle.js').transform('brfs')

Currently, the following methods are available:

  • add(file)
  • require(file, options={})
  • external(file)
  • ignore(file)
  • exclude(file)
  • transform(options={}, tr)

You should consult the browserify documentation for information on how to use these methods.

MIT. See LICENSE.md for details.