DEV Community

Adrien Poly
Adrien Poly

Posted on

A praise to Microbundle

#javascript #bundler

Microbundle is a zero-configuration bundler for tiny modules, powered by Rollup and created by Jason Miller the inventor of Preact.

I tested it in the past on a few projects and was always impressed by the ease of use and the performances. Out of all bundlers I tested, Microbundle has always been the one delivering the smallest builds.

Microbunlde v0.12 was released few days ago this was a good opportunity to test it again and I have to say that I am SOLD !!!

I am working on a typescript library project. My bundler was a mix of Typscript transpiller, Babel and Rollup. Lots of settings I had no clue about and lots of time spent trying to tune it.

I switch to Microbundle and it:

  • Worked out of the box
  • Removed at least 10 packages from my package.json
  • Reduced the build size by 2
  • Delivers out of the box umd, CommonJS/Node, types and module builds

🙏 🙏 Thanks Jason & team 👏👏

_developit image

Jason Miller 🦊⚛

Top comments (1)

Collapse
 
leastbad profile image
leastbad •

OMFG this is incredible.

I just went from

    "@babel/core": "^7.6.2",
    "@babel/plugin-proposal-class-properties": "^7.3.4",
    "@babel/plugin-proposal-object-rest-spread": "^7.5.5",
    "@babel/plugin-transform-classes": "^7.3.4",
    "@babel/plugin-transform-spread": "^7.2.2",
    "@babel/preset-env": "^7.6.2",
    "np": "^5.1.3",
    "prettier-standard": "^16.3.0",
    "rollup": "^1.20.3",
    "rollup-plugin-babel": "^4.3.2",
    "rollup-plugin-filesize": "^6.0.1",
    "rollup-plugin-node-resolve": "^5.2.0"

to

    "microbundle": "^0.12.0",
    "prettier-standard": "^16.3.0"

And it all just worked with zero configuration, as promised. Bravo.

Read next

parthprajapatispan profile image

TypeScript vs. JavaScript: Which One Is Better?

Parth -

husniddin6939 profile image

Vue JS props

Husniddin6939 -

stroiman profile image

Go-DOM - 1st major milestone

Peter Strøiman -

prince_beec5ccde00b7c6c73 profile image

Smart Screen Animation using html css and javascript

Prince -