https://github.com/gsoft-inc/craco

Create React App Configuration Override, an easy and comprehensible configuration layer for Create React App.
https://github.com/gsoft-inc/craco

configuration cra create-react-app customization react

Last synced: 3 months ago
JSON representation

Create React App Configuration Override, an easy and comprehensible configuration layer for Create React App.

• Host: GitHub
• URL: https://github.com/gsoft-inc/craco
• Owner: dilanx
• License: apache-2.0
• Created: 2018-10-14T21:49:44.000Z (about 6 years ago)
• Default Branch: main
• Last Pushed: 2023-12-29T01:00:10.000Z (11 months ago)
• Last Synced: 2024-08-04T08:01:42.613Z (3 months ago)
• Topics: configuration, cra, create-react-app, customization, react
• Language: TypeScript
• Homepage: https://craco.js.org
• Size: 4.56 MB
• Stars: 7,406
• Watchers: 49
• Forks: 501
• Open Issues: 45
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE
  • Codeowners: .github/CODEOWNERS

Awesome Lists containing this project

• awesome - craco - react-app (React)
• awesome-libraries - craco - react-app](https://github.com/facebook/create-react-app) config. (Tooling / Front End)
• awesome-list - craco - react-app | gsoft-inc | 4578 | (JavaScript)

README

        


  

    

  

  
CRACO

  


  

**C**reate **R**eact **A**pp **C**onfiguration **O**verride, an easy and comprehensible configuration layer for create-react-app.

**Find config docs, API docs, plugins, and example configs at [craco.js.org](https://craco.js.org)!**

  


  


[![npm status](https://img.shields.io/npm/v/@craco/craco.svg)](https://www.npmjs.com/package/@craco/craco) [![npm downloads](https://img.shields.io/npm/dm/@craco/craco.svg)](https://www.npmjs.com/package/@craco/craco) [![npm license](https://img.shields.io/npm/l/@craco/craco?color=orange)](https://github.com/dilanx/craco/blob/main/packages/craco/LICENSE) [![GitHub stars](https://img.shields.io/github/stars/dilanx/craco?color=red)](https://github.com/dilanx/craco) [![GitHub contributors](https://img.shields.io/github/contributors/dilanx/craco?color=blueviolet)](https://github.com/dilanx/craco/graphs/contributors) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-blueviolet.svg)](https://github.com/dilanx/craco/pulls) ![Node.js CI](https://github.com/dilanx/craco/actions/workflows/run-tests.yml/badge.svg)



Get all the benefits of [Create React App](https://create-react-app.dev) **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.

1. Install the latest version of the package from npm as a dev dependency:

   ```

   npm i -D @craco/craco

   ```

2. Create a CRACO configuration file in your project's root directory and [configure](https://craco.js.org/docs/):

   ```diff

     my-app

     ├── node_modules

   + ├── craco.config.js

     └── package.json

   ```

3. Update the existing calls to `react-scripts` in the `scripts` section of your `package.json` to use the `craco` CLI:

   ```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"

   }

   ```

Visit [craco.js.org](https://craco.js.org) to learn more.