DEV Community

Adrien Poly
Adrien Poly

Posted on

7 2 1 1

A praise to Microbundle

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 👏👏

Image of Docusign

🛠️ Bring your solution into Docusign. Reach over 1.6M customers.

Docusign is now extensible. Overcome challenges with disconnected products and inaccessible data by bringing your solutions into Docusign and publishing to 1.6M customers in the App Center.

Learn more

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.

nextjs tutorial video

Youtube Tutorial Series 📺

So you built a Next.js app, but you need a clear view of the entire operation flow to be able to identify performance bottlenecks before you launch. But how do you get started? Get the essentials on tracing for Next.js from @nikolovlazar in this video series 👀

Watch the Youtube series