Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/pradel/create-react-app-esbuild

Use esbuild in your create-react-app for faster compilation, development and tests
https://github.com/pradel/create-react-app-esbuild

craco create-react-app esbuild

Last synced: 29 days ago
JSON representation

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

Host: GitHub
URL: https://github.com/pradel/create-react-app-esbuild
Owner: pradel
License: mit
Created: 2020-10-11T15:41:48.000Z (about 4 years ago)
Default Branch: main
Last Pushed: 2024-07-15T13:55:39.000Z (4 months ago)
Last Synced: 2024-10-09T14:13:03.708Z (about 1 month ago)
Topics: craco, create-react-app, esbuild
Language: JavaScript
Homepage:
Size: 2.72 MB
Stars: 561
Watchers: 7
Forks: 34
Open Issues: 15
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

# 🚀 create-react-app-esbuild 🚀

Use [esbuild](https://github.com/evanw/esbuild) in your [create-react-app](https://create-react-app.dev/) 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](https://github.com/pradel/create-react-app-esbuild/blob/main/packages/craco-esbuild/README.md) 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](https://github.com/evanw/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](https://github.com/gsoft-inc/craco) (**C**reate **R**eact **A**pp **C**onfiguration **O**verride) 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