Brunch VS browserify

Brunch is a lightweight JavaScript bundler focusing on simplicity and speed. Although it is less popular than Webpack or Browsify, it has an effortless learning curve with fantastic features to help developers focus on feature implementation rather than configuration. Brunch has more than 6.8K GitHub stars.

Brunch

Alright! So, I head over to the Github repository to see if that thing is still active. Last commit on Feb 18th 2021. Sounds maintained. Issue count? 143 at the time I'm writing this. Perhaps I'll run into some of those, but hey: Don't say no until you've tried it, right?

So, the website looks promising:

Browserify to use node packages in the browser.

Browserify is a widely used JavaScript bundler with over 2 million NPM weekly downloads. In addition to Node.js support, allowing developers to use require() statements in the browser is one of its highlighted features.

This began to change when NPM came in and running npm install became a quick and easy way to install dependencies. Browserify became the first JavaScript bundler. As its documentation says -

https://www.npmjs.com/package/browserify probably a little old school, but browserify is probably good enough.

One problem was to run jsDOM as UMD module. But luckly I was able to use browserify to compile jsDOM into UMD.

Browserify

I think I've got it: Browserify. Wish me luck!

Module bundlers, which combine all your JS code and its dependencies into one massive file. Examples include webpack and browserify.

Prior to ES6, we used libraries such as Browserify to create modules on the client-side, and require in Node.js. With ES6, we can now directly use modules of all types (AMD and CommonJS).