Browserify vs Webpack vs Babelify vs Babel-Loader (v2)

Revision 2 of this benchmark created by Cantera on


Description

Babelify: Gulp + Babel + Browserify
Babel-Loader: Gulp + Babel + Webpack
.
"Other" browser is Internet Explorer 11

Test runner

Ready to run.

Testing in
TestOps/sec
Browserify
!function a(b,c,d){function e(g,h){if(!c[g]){if(!b[g]){var i="function"==typeof require&&require;if(!h&&i)return i(g,!0);if(f)return f(g,!0);var j=new Error("Cannot find module '"+g+"'");throw j.code="MODULE_NOT_FOUND",j}var k=c[g]={exports:{}};b[g][0].call(k.exports,function(a){var c=b[g][1][a];return e(c?c:a)},k,k.exports,a,b,c,d)}return c[g].exports}for(var f="function"==typeof require&&require,g=0;g<d.length;g++)e(d[g]);return e}({1:[function(a,b){var d=a("./modules/accordion"),e=a("./modules/slider"),f={init:function(){d.init(),e.init()}}.init();b.exports=f},{"./modules/accordion":4,"./modules/slider":5}],2:[function(a,b){var d="bar";b.exports=d},{}],3:[function(a,b){var d="foo";b.exports=d},{}],4:[function(a,b){var d=a("../deps/dep-foo"),e=a("../deps/dep-bar"),f={init:function(){console.log("accordion init with deps "+d+" and "+e)}};b.exports=f},{"../deps/dep-bar":2,"../deps/dep-foo":3}],5:[function(a,b){var d=a("../deps/dep-foo"),e=a("../deps/dep-bar"),f={init:function(){console.log("slider init with deps "+d+" and "+e)}};b.exports=f},{"../deps/dep-bar":2,"../deps/dep-foo":3}]},{},[1]);
ready
Babelify
!function a(b,c,d){function e(g,h){if(!c[g]){if(!b[g]){var i="function"==typeof require&&require;if(!h&&i)return i(g,!0);if(f)return f(g,!0);var j=new Error("Cannot find module '"+g+"'");throw j.code="MODULE_NOT_FOUND",j}var k=c[g]={exports:{}};b[g][0].call(k.exports,function(a){var c=b[g][1][a];return e(c?c:a)},k,k.exports,a,b,c,d)}return c[g].exports}for(var f="function"==typeof require&&require,g=0;g<d.length;g++)e(d[g]);return e}({1:[function(a,b){"use strict";var d=function(a){return a&&a.__esModule?a["default"]:a},e=d(a("./modules/accordion")),f=d(a("./modules/slider")),g={init:function(){e.init(),f.init()}}.init();b.exports=g},{"./modules/accordion":4,"./modules/slider":5}],2:[function(a,b){"use strict";var d="bar";b.exports=d},{}],3:[function(a,b){"use strict";var d="foo";b.exports=d},{}],4:[function(a,b){"use strict";var d=function(a){return a&&a.__esModule?a["default"]:a},e=d(a("../deps/dep-foo")),f=d(a("../deps/dep-bar")),g={init:function(){console.log("accordion init with deps "+e+" and "+f)}};b.exports=g},{"../deps/dep-bar":2,"../deps/dep-foo":3}],5:[function(a,b){"use strict";var d=function(a){return a&&a.__esModule?a["default"]:a},e=d(a("../deps/dep-foo")),f=d(a("../deps/dep-bar")),g={init:function(){console.log("slider init with deps "+e+" and "+f)}};b.exports=g},{"../deps/dep-bar":2,"../deps/dep-foo":3}]},{},[1]);
ready
Webpack
!function(a){function c(d){if(b[d])return b[d].exports;var e=b[d]={exports:{},id:d,loaded:!1};return a[d].call(e.exports,e,e.exports,c),e.loaded=!0,e.exports}var b={};return c.m=a,c.c=b,c.p="",c(0)}([function(a,b,c){var d=c(1),e=c(2),f={init:function(){d.init(),e.init()}}.init();a.exports=f},function(a,b,c){var d=c(3),e=c(4),f={init:function(){console.log("accordion init with deps "+d+" and "+e)}};a.exports=f},function(a,b,c){var d=c(3),e=c(4),f={init:function(){console.log("slider init with deps "+d+" and "+e)}};a.exports=f},function(a){var d="foo";a.exports=d},function(a){var d="bar";a.exports=d}]);
ready
Babel-Loader
!function(a){function c(d){if(b[d])return b[d].exports;var e=b[d]={exports:{},id:d,loaded:!1};return a[d].call(e.exports,e,e.exports,c),e.loaded=!0,e.exports}var b={};return c.m=a,c.c=b,c.p="",c(0)}([function(a,b,c){"use strict";var d=function(a){return a&&a.__esModule?a["default"]:a},e=d(c(1)),f=d(c(2)),g={init:function(){e.init(),f.init()}}.init();a.exports=g},function(a,b,c){"use strict";var d=function(a){return a&&a.__esModule?a["default"]:a},e=d(c(3)),f=d(c(4)),g={init:function(){console.log("accordion init with deps "+e+" and "+f)}};a.exports=g},function(a,b,c){"use strict";var d=function(a){return a&&a.__esModule?a["default"]:a},e=d(c(3)),f=d(c(4)),g={init:function(){console.log("slider init with deps "+e+" and "+f)}};a.exports=g},function(a){"use strict";var d="foo";a.exports=d},function(a){"use strict";var d="bar";a.exports=d}]);
ready

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.