Microbundle VS webpack

Compare Microbundle vs webpack and see what are their differences.

Microbundle

📦 Zero-configuration bundler for tiny modules. (by developit)

webpack

A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows for loading parts of the application on demand. Through "loaders", modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff. (by webpack)
Our great sponsors
  • Appwrite - The Open Source Firebase alternative introduces iOS support
  • Sonar - Write Clean JavaScript Code. Always.
  • InfluxDB - Build time-series-based applications quickly and at scale.
Microbundle webpack
16 271
7,470 62,449
- 0.3%
6.1 9.1
30 days ago 8 days ago
JavaScript JavaScript
MIT License MIT License
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.

Microbundle

Posts with mentions or reviews of Microbundle. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2022-12-28.

webpack

Posts with mentions or reviews of webpack. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2023-01-26.
  • Rails on Docker · Fly
    16 projects | news.ycombinator.com | 26 Jan 2023
    I'm not gonna lie, I didn't read all that, but the node example alone proves you either didn't read the guy you replied to or haven't been coding long enough to grok the problem.

    What if you want to start a new project using the latest postgres version because postgres has a new feature that will be handy, but you already maintain another project that uses a postgres feature or relies on behaviour that was removed/changed in the latest version? You're going to set up a whole new VM on the internet to be a staging environment and instead of setting up a testing and deployment pipeline you're going to just FTP / remote-ssh into it and change live code?

    you define an apps entire chain of dependencies in a compose file / set of kube manifests / terraform config for ecs. Then in the container definition itself you lock down things like C library and distro versions: maybe you use specially patched imagemagick on one project or a pdf generator on another, and fontconfig defaults were updated and it changed how aliasing works between distro releases and now your fonts are all fugly in generated exports...

    nevermind this, check out this thread to destroy your illusion that simply having node installed locally will make your next project super future proof https://github.com/webpack/webpack/issues/14532

    if you respond please do not open with "yeah but rust", I can still compile Fortran code too

  • How to use Firestore with Redux in a React application
    7 projects | dev.to | 25 Jan 2023
    With tools like webpack (used by create-react-app under the hood), your entire application needs to be bundled in a single file before it can be served to the browser. Vite, on the other hand, takes advantage of native ES modules in the browser to make bundling more efficient with Rollup, serving parts of the source code as needed.
  • How to bypass mobile app review thanks to Capacitor, Ionic, and micro frontends 🤯
    10 projects | dev.to | 23 Jan 2023
    If I choose React as a used framework, Ionic’s boilerplate is based on Create React App. Because of it I want a tool which edits Webpack’s configuration without ejecting CRA’s configuration.
  • Node.js やReact、ESM、Viteの説明
    7 projects | dev.to | 21 Jan 2023
  • Show: Open-source admin dashboard with Tailwind CSS and Flowbite
    5 projects | dev.to | 17 Jan 2023
    Webpack webpack.js.org
  • Setting up Module Federation with Server-Side Rendering for Angular
    2 projects | dev.to | 11 Jan 2023
    Module Federation is a technology provided by webpack that enables modules to be federated across different origins at runtime. This means that Webpack will simply ignore these modules at build time, expecting them to be available to be fetched across the network at runtime.
  • Rust WebAssembly (wasm) on Arch Linux with Webpack (Rust 1.66.0)
    6 projects | dev.to | 8 Jan 2023
    Webpack: 4.46.0
  • What is(are) the best resource(s) to lean how to build modern web applications?
    7 projects | reddit.com/r/learnprogramming | 4 Jan 2023
    Packaging - turning all your code, CSS, assets, etc. into the files you'll actually stick on your host server. e.g. webpack, maybe esbuild, etc..
  • Building a Custom YAML Loader for Webpack
    4 projects | dev.to | 4 Jan 2023
    One of our internal tools at RedBit uses yaml to provide structured data. We chose yaml because it's more human-friendly than json, and the data in question is created and modified by humans during development. Applications need to consume the data as JavaScript objects, so we need to convert it from yaml to json. We could do the conversion at runtime but that would affect performance, possibly to the point of degrading the user experience. Instead, we chose to convert the data during the build process, which is controlled by webpack. This required a custom webpack loader. I won't describe the implementation of our internal tool in detail because it wouldn't be particularly helpful or relevant. Instead, I'll show you how to build a simple yaml loader that you can modify to suit your own needs.
  • Learn how to set up Tailwind CSS with TypeScript and Flowbite
    3 projects | dev.to | 4 Jan 2023
    In order to compile the TypeScript code into JavaScript that is supported by modern browsers we will have to install Webpack and bundle the source code into one final JavaScript file that we will later include in our HTML templates.

What are some alternatives?

When comparing Microbundle and webpack you can also consider the following projects:

craco - Create React App Configuration Override, an easy and comprehensible configuration layer for Create React App.

esbuild - An extremely fast bundler for the web

vite - Next generation frontend tooling. It's fast!

Rollup - Next-generation ES module bundler

parcel - The zero configuration build tool for the web. 📦🚀

gulp - A toolkit to automate & enhance your workflow

react-app-rewired - Override create-react-app webpack configs without ejecting

tsdx - Zero-config CLI for TypeScript package development

Snowpack - ESM-powered frontend build tool. Instant, lightweight, unbundled development. ✌️ [Moved to: https://github.com/FredKSchott/snowpack]

lerna - :dragon: Lerna is a fast, modern build system for managing and publishing multiple JavaScript/TypeScript packages from the same repository.

FuseBox - A blazing fast js bundler/loader with a comprehensive API :fire: