use bundle-collapser to reduce browserified file size

grunt/config/browserify.js

@@ -9,6 +9,7 @@ var grunt = require('grunt');
 var UglifyJS = require('uglify-js');
 var uglifyify = require('uglifyify');
 var derequire = require('derequire');
+var collapser = require('bundle-collapser/plugin');
 
 var SIMPLE_TEMPLATE =
 '/**\n\
@@ -69,6 +70,7 @@ var min = {
   debug: false,
   standalone: 'React',
   transforms: [envify({NODE_ENV: 'production'}), uglifyify],
+  plugins: [collapser],
   after: [es3ify.transform, derequire, minify, bannerify]
 };
 
@@ -104,6 +106,7 @@ var addonsMin = {
   standalone: 'React',
   packageName: 'React (with addons)',
   transforms: [envify({NODE_ENV: 'production'}), uglifyify],
+  plugins: [collapser],
   after: [es3ify.transform, derequire, minify, bannerify]
 };
 

grunt/tasks/browserify.js

@@ -13,6 +13,7 @@ module.exports = function() {
   // grunt.config.requires('outfile');
   // grunt.config.requires('entries');
   config.transforms = config.transforms || [];
+  config.plugins = config.plugins || [];
   config.after = config.after || [];
 
   // create the bundle we'll work with
@@ -31,6 +32,8 @@ module.exports = function() {
     bundle.transform({}, transform);
   });
 
+  config.plugins.forEach(bundle.plugin, bundle);
+
   // Actually bundle it up
   var _this = this;
   bundle.bundle(function(err, buf) {

package.json

@@ -32,6 +32,7 @@
   "devDependencies": {
     "benchmark": "~1.0.0",
     "browserify": "^7.0.2",
+    "bundle-collapser": "^1.1.1",
     "coverify": "~1.0.4",
     "derequire": "^1.2.0",
     "envify": "^3.0.0",