material-design-template VS browserify

npm packages dramatically sped up the productivity of developers by being able to leverage other developers' work. However, it had a major disadvantage: cjs was not compatible with web browsers. To solve this problem, the concept of bundlers was born. browserify was the first bundler which essentially worked by traversing an entry point and "bundling" all the require()-ed code into a single .js file compatible with web browsers. As time went on, other bundlers with additional features and differentiators were introduced. Most notably webpack, parcel, rollup, esbuild and vite (in chronological order).

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 -

Using Npm Module with Browserify

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