Awesome
<div align="center"> <a href="https://craco.js.org"> <img src="https://craco.js.org/img/craco.png" width="200" height="200"> </a> <h1>CRACO</h1> <p>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!
</p> <br> </div>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:
my-app ├── node_modules + ├── craco.config.js └── package.json
-
Update the existing calls to
react-scripts
in thescripts
section of yourpackage.json
to use thecraco
CLI:"scripts": { - "start": "react-scripts start" + "start": "craco start" - "build": "react-scripts build" + "build": "craco build" - "test": "react-scripts test" + "test": "craco test" }
Visit craco.js.org to learn more.