Ecosyste.ms: Awesome

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

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 (over 5 years ago)
Default Branch: main
Last Pushed: 2023-12-29T01:00:10.000Z (6 months ago)
Last Synced: 2024-04-07T16:04:36.030Z (3 months ago)
Topics: configuration, cra, create-react-app, customization, react
Language: TypeScript
Homepage: https://craco.js.org
Size: 4.56 MB
Stars: 7,349
Watchers: 49
Forks: 504
Open Issues: 40
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Codeowners: .github/CODEOWNERS

Lists

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

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.