reduce-js

Augment browserify with the following features:

• Accept patterns to add entries.
• Use watchify2 to watch files, which is able to detect new entries.
• Use common-bundle to pack modules by default, which make b.bundle() output a stream manipulatable by gulp plugins. It can be replaced with other plugins like factor-bundle.

API

const reduce = require('reduce-js')

reduce.bundle(b, opts)

Return a transform:

• input: vinyl-fs#src
• output: b.bundle()

b

browserify instance.

opts

Options passed to reduce.bundler.

'use strict'

const reduce = require('reduce-js')
const path = require('path')
const run = require('callback-sequence').run
const browserify = require('browserify')

run([clean, bundle]).then(() => { console.log('DONE') })

function clean() {
  let del = require('del')
  return del(path.join(__dirname, 'build'))
}

function bundle() {
  let basedir = path.join(__dirname, 'src')
  let b = browserify({
    basedir: basedir,
    paths: [path.join(basedir, 'web_modules')],
  })

  b.on('log', console.log.bind(console))
  b.on('error', console.log.bind(console))

  return reduce.src('*.js', { cwd: basedir })
    .pipe(reduce.bundle(b, {
      groups: '**/page/**/index.js',
      common: 'common.js',
    }))
    .pipe(reduce.dest('build'))
}

Work with gulp:

'use strict'

const reduce = require('reduce-js')
const gulp = require('gulp')
const path = require('path')
const del = require('del')
const browserify = require('browserify')

gulp.task('clean', function () {
  return del(path.join(__dirname, 'build'))
})

gulp.task('build', ['clean'], function () {
  let basedir = path.join(__dirname, 'src')
  let b = browserify({
    basedir: basedir,
    paths: [path.join(basedir, 'web_modules')],
  })

  b.on('log', console.log.bind(console))
  b.on('error', console.log.bind(console))
  return gulp.src('page/**/index.js', { cwd: b._options.basedir, read: false })
    .pipe(reduce.bundle(b, {
      groups: '**/page/**/index.js',
      common: 'common.js',
    }))
    .pipe(gulp.dest('build'))
})

reduce.watch(b, opts, watchOpts)

Return a transform:

• input: vinyl-fs#src
• output: actually no data flows out. The pipe method is overwritten to accept stream constructors rather than instances, which are used to construct the downstream pipeline for b.bundle(). (pipe is an alias for lazypipe, you could use the latter instead)

b and opts are the same with reduce.bundle(b, opts)

watchOpts

Options passed to watchify2.

'use strict'

const reduce = require('../..')
const path = require('path')
const run = require('callback-sequence').run
const browserify = require('browserify')

run([clean, bundle])

function clean() {
  let del = require('del')
  return del(path.join(__dirname, 'build'))
}

function bundle() {
  let basedir = path.join(__dirname, 'src')
  let b = browserify({
    basedir: basedir,
    paths: [path.join(basedir, 'web_modules')],
  })

  b.on('log', console.log.bind(console))
  b.on('error', console.log.bind(console))

  return reduce.src('*.js', { cwd: basedir })
    .pipe(reduce.watch(b, {
      groups: '**/page/**/index.js',
      common: 'common.js',
    }, { entryGlob: 'page/**/index.js' }))
    // Constructors are required rather than stream objects.
    .pipe(reduce.dest, 'build')
}

Work with gulp:

'use strict'

const reduce = require('reduce-js')
const gulp = require('gulp')
const path = require('path')
const del = require('del')
const browserify = require('browserify')

gulp.task('clean', function () {
  return del(path.join(__dirname, 'build'))
})

gulp.task('watch', ['clean'], function (cb) {
  let basedir = path.join(__dirname, 'src')
  let b = browserify({
    basedir: basedir,
    paths: [path.join(basedir, 'web_modules')],
  })

  b.on('log', console.log.bind(console))
  b.on('error', console.log.bind(console))

  gulp.src('page/**/index.js', { cwd: b._options.basedir, read: false })
    .pipe(reduce.watch(b, {
      groups: '**/page/**/index.js',
      common: 'common.js',
    }, { entryGlob: 'page/**/index.js' }))
    // Constructors are required rather than stream objects.
    .pipe(gulp.dest, 'build')
})

reduce.src(patterns, opts)

Same with vinyl-fs#src, except that opts.read defaults to false.

reduce.dest(outFolder, opts)

Same with vinyl-fs#dest.

reduce.bundler(b, opts)

The default plugin for packing modules.

opts

Default: bundle.js

• Function or Array: b.plugin(opts) will be executed.
• false: no extra plugin is applied.
• String: modules are packed into a single bundle, and opts is its file path.
• otherwise: opts is passed to common-bundle.