Skip to content

pradel/create-react-app-esbuild

main
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

🚀 create-react-app-esbuild 🚀

Use esbuild in your create-react-app for faster compilation, development and tests.

Features

  • Replace babel-loader with esbuild during development
  • Replace babel-loader with esbuild for faster build time
  • Replace terser with esbuild for faster build time
  • Replace OptimizeCssAssetsWebpackPlugin with esbuild for faster build time
  • Use esbuild when running jest

Getting started

Follow the guide to setup your project.

FAQ

Why is it faster?

Internally create-react-app use babel to compile the javascript / typescript files of your application. By using craco-esbuild, you use the esbuild compiler to compile your app instead of babel. esbuild is a super fast javascript / typescript bundler and minifier written in Go.

What is craco and why do I need it?

craco (Create React App Configuration Override) is an easy and comprehensible configuration layer for create-react-app. By using craco you can customise the create-react-app configuration without ejecting.

License

MIT © Léo Pradel