huge files size when browserifying angular

I am just trying gulp + angular + browserify app and got a huge browserified file, about 2M. While all it does just require angular and a sample controller.

// setup gulp task
gulp.task('browserify', function() {
  gulp.src([util.format('%s/app/main.js', JS_BASE_DIR)])
  .pipe(browserify({
    insertGlobals: true,
    debug: true
  }))
  // Bundle to a single file
  .pipe(concat('bundle.js'))
  // Output it to our dist folder
  .pipe(gulp.dest(util.format('%s/js/', BUILD_BASE_DIR)));
}); 


//in the main.js
(function() {
  'use strict';

  var angular = require('angular');

  var indexCtrl = require('./controllers/indexCtrl');

  var app = angular.module('wohu.app', []);

  app.controller('ctrl', indexCtrl);
})();

angular is installed via

npm install angular

The bundle.js is not minified but it shouldn't be that huge. Wonder what the problem is.

Browserify will include a source map in the bottom of the file which can make it seem HUGE. You can strip this out (and you should) for production. You can use exorcist for this (https://www.npmjs.com/package/exorcist) which pulls the source map into an external file for you and can be hooked up to your build process (I use Grunt but will work for Gulp too).