usando gulp com browserify e watchify

Acabei de começar a brincar com o browserify com Gulp e demorou um pouco para ser configurado corretamente, mas agora eu tenho, uau … é realmente incrível.

Tarefa browserify gulpfile.js

Esta foi a tarefa browserify que usei no meu gulpfile

var browserify = require('browserify'),
    gulp = require('gulp');
    watchify = require('watchify'),
    source = require('vinyl-source-stream'),
    sourceFile = './app/scripts/main.js',
    destFolder = './app/scripts/browserify/',
    destFile = 'main.js';

/* browserify */ 
gulp.task('browserify', function() {

  var bundler = browserify({
    entries: sourceFile,
    cache: {}, packageCache: {}, fullPaths: true, debug: true
  });

  var bundle = function() {
    return bundler
      .bundle()
      .on('error', function () {})
      .pipe(source(destFile))
      .pipe(gulp.dest(destFolder));
  };

  if(global.isWatching) {
    bundler = watchify(bundler);
    bundler.on('update', bundle);
  }

  return bundle();
});

npm inclui para package.json

E os módulos de nó para incluir

"browserify": "*",
"watchify": "*",
"vinyl-source-stream": "*",

Para obter mais informações sobre como usar o browserify, verifique este post e, para um bom projeto inicial, experimente o gulp starter