https://makojs.dev/

Mako is open sourced! Check out the release article -

Logo ^Mako
Docs Blog
Zhong | EN
GitHub logo

An extremely fast, production-grade
web bundler based on Rust.

Mako is a new web bundler for Web App, Library, and Framework. It's
designed to be fast, reliable, and easy to use. It has been used in
hundreds of projects in production by Ant Group, and other companies.
If you are looking for a modern web bundler, Mako is the right
choice.

Getting Started $ npm create mako

Why Mako

Mako has a lot of features that make it different from other
bundlers. Here are some of the highlights, checkout Features for more
details.

Zero Config

Start with a JS/TS file, and Mako will handle the rest. TypeScript,
Less, CSS, CSS Modules, React, Images, Fonts, WASM, Node Polyfill and
more are supported out of the box. No need to configure loaders,
plugins, or anything else.

Production Grade

Mako is reliable. It's used in hundreds of projects at Ant Group,
like Web App,Hybrid App, Mini Program (Partly), Low Code,
Serverless, Library Development, Ant Design and others. We have also
tested Mako in thousands of old projects, and thousands of npm
packages and it's different versions to ensure the compatibility.

Blazing Fast

Mako is designed to be blazing fast. We use Rust for the core
bundling logic, and we use workers in Node.js with piscina to compile
files in parallel. We have spend lots of time optimizing the
performance of Mako. And Mako is faster than other Rust bundlers and
Webpack in benchmark case.

Hot Module Replacement

When files change, Mako will automatically update your code in the
browser. No need to refresh the page manually. And mako has
integrated React Fast Refresh, when you change a React component, it
will only update the component, not the whole page.

Code Splitting

Mako has built-in support for code splitting. You can use dynamic
imports to split your code into separate bundles. Resulting in
smaller initial bundle sizes and faster load times. Mako has a
codeSplitting config that you can use to customize the behavior of
code splitting.

Module Concatenation

Module Concatenation is an optimization feature designed to reduce
both bundle size and runtime overhead. Mako has an equivalent
implementation found in Webpack's optimization documentation.

Benchmark

Mako is designed to be blazing fast.

Cold Start Root HMR Leaf HMR Cold Build

Mako

Rsbuild

Farm

Vite

Webpack

Mako

Rsbuild

Vite

Webpack

Mako

Rsbuild

Vite

Webpack

Mako

Rsbuild

Farm

Vite

Webpack

View benchmark

Who is using

Ma Yi Ji Tuan logo
Antd logo

Ant Design

UmiJS

UmiJS

Mako Logo ^Mako

Resources

  * Docs
  * Github
  * Contact
  * Blog  

Ecosystem

  * Umi
  * dumi

Project

  * Changelog
  * FAQ
  * Contributing
  * License

^Made with [?] by Ant Group and Mako Community