<img src="https://craco.js.org/img/craco.png" width="200" height="200">CRACO
Create React App Configuration Override, an easy and comprehensible configuration layer for create-react-app.
Find config docs, API docs, plugins, and example configs at craco.js.org!
Get all the benefits of Create React App and customization without using 'eject' by adding a single configuration (e.g.
craco.config.js) file at the root of your application and customize your ESLint, Babel, PostCSS configurations and many more.- Install the latest version of the package from npm as a dev dependency:
```
npm i -D @craco/craco
```- Create a CRACO configuration file in your project's root directory and configure:
```diff
my-app
├── node_modules
+ ├── craco.config.js
└── package.json
```- Update the existing calls to
react-scriptsin thescriptssection of yourpackage.jsonto use thecracoCLI:
```diff title="package.json"
"scripts": {
- "start": "react-scripts start"
+ "start": "craco start"
- "build": "react-scripts build"
+ "build": "craco build"
- "test": "react-scripts test"
+ "test": "craco test"
}
```