Ecosyste.ms: Awesome

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

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: 2 months 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 (over 3 years ago)
Default Branch: main
Last Pushed: 2024-03-12T14:06:21.000Z (4 months ago)
Last Synced: 2024-04-12T16:02:41.847Z (3 months ago)
Topics: craco, create-react-app, esbuild
Language: JavaScript
Homepage:
Size: 2.72 MB
Stars: 562
Watchers: 7
Forks: 34
Open Issues: 14
Metadata Files:
- Readme: README.md
- License: LICENSE

Lists

awesome-stars - create-react-app-esbuild - react-app for faster compilation, development and tests | pradel | 562 | (JavaScript)

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