According to speed benchmarks, Brunch is one of the fastest tools around for compiling files. According to the authors of Brunch the reason behind this speed is that it recompiles **only** the changes that were made to an app and performs extensive caching of the app's code.
Ranked in these QuestionsQuestion Ranking
Pro Works with basically every desktop browser, even IE6
RequireJS supports IE6+, FF2+, Safari3.2+, Chrome3+ & Opera 10+.
Pro Has a RequireJS optimizer
After building all the modules to be loaded, the built files can be optimized as well (minified and concatenated), even though this is a completely optional step, but doing so could be a lot beneficial for your site's performance.
Pro Supports nested dependencies
If your project has nested dependencies, you won't have to worry about resolving them at all. Because RequireJS will do that for you.
Pro Well tested
Since the RequireJS is quite popular among the dev community, that automatically means that problems get sorted out very quickly and most of the core code has already been tested.
Pro Well documented
The RequireJS module loader is extremely well documented. So no matter whether you're a pro at JS based web development or just a newbie, you will find the documentation very helpful whenever you're stuck or just starting out. Everything is well-defined and logically placed in proper sections in a manner such that it is very easy to understand.
Pro AMD & CJS support
While RequireJS is mainly an AMD implementation, it can, with rare exceptions, implement CJS as well.
Pro You don't need a server to get started
One of the best advantages of RequireJS over Browserify is that you don't need a nodejs environment to get started. Just "require" your dependencies and it takes care of loading them. By contrast, Browserify requires a running NodeJS implementation so you can build your one monolithic file, then you can push the file to your static web server.
Pro Always running site unbundled
With other loaders, aka browserify, it isn't possible to run your site without first bundling. Require.js can load everything async which is pretty powerful.
Because of its easy to understand documentation, the RequireJS module loader is super simple to use; module definitions are as easy as defining just a key/value pair.
Pro Can load new modules without being recompiled
It's the one of the few modules in this category that can handle IOC-style dependency injection. The others work well for apps that have knowable dependency lists at compile time, but this is the only one that can load new modules without being recompiled.
Pro Lazily-loaded JS can access already loaded modules by name
Yet its run-time is still competitive if not better than Webpack's at higher density levels of modules.
Pro Supports hot RE-loading
Persistent console logging, generational statefulness, promotes stateless DOM development.
Pro Compilation is super fast
According to speed benchmarks, Brunch is one of the fastest tools around for compiling files. According to the authors of Brunch the reason behind this speed is that it recompiles only the changes that were made to an app and performs extensive caching of the app's code.
Pro Time to setup is extremely low
After installing Brunch the next step is to load a skeleton from git.io/skeletons. This step is as easy as installing another plugin from the npm registry, just point Brunch to the path of the required skeleton/generator then wait for it to work out its magic. Next, run
brunch build then wait for a second or two and voila! the project is ready.
Pro The configuration file is small and the configuration itself is fast and easy
Brunch's config files can be extremely small compared to other alternatives. The fact that brunch also allows you to chose from a number of generators also lowers the configuration time considerably.
Pro Concatenates scripts and styles and auto-generates matching source maps
Con On its way out
Latest stable release is 2 months old with little development occurring on Github.
Con Poor handling of circular references
If you create a circular reference between two files, it will typically quietly break - the reference on one side will end up undefined.
Con AMD spec uses globals
The global ‘require’ and ‘define’ methods make namespace collisions likely if building a 3rd party plugin. AMD loaders line require are best if you control the site.