webpack VS react-app-rewired

Compare webpack vs react-app-rewired and see what are their differences.


A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows for loading parts of the application on demand. Through "loaders", modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff. (by webpack)


Override create-react-app webpack configs without ejecting (by timarney)
Our great sponsors
  • Appwrite - The Open Source Firebase alternative introduces iOS support
  • Klotho - AWS Cloud-aware infrastructure-from-code toolbox [NEW]
  • Sonar - Write Clean JavaScript Code. Always.
  • InfluxDB - Access the most powerful time series database as a service
webpack react-app-rewired
296 10
63,120 9,609
0.2% -
9.8 1.3
1 day ago 6 months ago
JavaScript JavaScript
MIT License MIT License
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.


Posts with mentions or reviews of webpack. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2023-06-04.


Posts with mentions or reviews of react-app-rewired. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2023-05-04.
  • Build a web editor with react-monaco-editor
    5 projects | dev.to | 4 May 2023
    Ejecting a React app is a bad idea because our application will lose all the React configurations and will not benefit from the CRA updates. Some solutions for ejecting our application include using packages like react-app-rewired or rewire. You can also use CRACO to eject your React application, but it needs you to install additional plugins.
  • Accepting Crypto Payments in a Classic Commerce App
    8 projects | dev.to | 5 Jul 2022
    Heads up: CRA5 bumped their webpack dependency to a version that no longer supports node polyfills in browsers. This breaks the builds of nearly all Ethereum-related projects today. A common workaround that avoids ejecting is to hook into the CRA build process. We’re using react-app-rewired but you could simply stay at CRA4 until the community comes up with a better solution.
  • Using Webpack with ReactJS
    3 projects | /r/reactjs | 28 Jun 2022
    CRA is good to get something running quick (and it uses webpack underneat!). In the past I've tweaked the webpack config using things like https://github.com/timarney/react-app-rewired when needed, but for all my "serious" projects I ended up ejecting and learning webpack! For my next project I'll try to skip CRA altogether!
  • Simplest Way to Install Babel Plugins in Create React App
    3 projects | dev.to | 27 Dec 2021
    // Overrides create-react-app webpack configs without ejecting // https://github.com/timarney/react-app-rewired const { addBabelPlugins, override } = require("customize-cra"); module.exports = override( ...addBabelPlugins( "babel-plugin-myPlugin" /* Add plug-in names here (separate each value by a comma) */ ) );
  • Running React Native everywhere: The Web
    12 projects | dev.to | 26 Sep 2021
    If Create React App supported Yarn workspaces out-of-the-box, what we've done so far would have been enough to run the app... unfortunately, it doesn't. Luckily, we can use CRACO (or other tools such as customize-cra or react-app-rewired) to customize the Webpack configuration used by Create React App to resolve packages imported from other workspaces.
  • Enhancing Chrome Extension developer experience with CRA (create-react-app)
    3 projects | dev.to | 24 Jun 2021
    Enter react-app-rewired. What this package does is it allows you to hook into the Webpack config process so you can change settings, add loaders or plugins, and so on. It's like having all the pros of ejecting (mainly, access to the webpack.config.js) without actually ejecting.
  • Fullstack GraphQL starter kit Mid-2021 update
    4 projects | dev.to | 3 Jun 2021
    Switch to craco from react-app-rewired for better CRA v4 support (breaking change!)

What are some alternatives?

When comparing webpack and react-app-rewired you can also consider the following projects:

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

esbuild - An extremely fast bundler for the web

vite - Next generation frontend tooling. It's fast!

Rollup - Next-generation ES module bundler

parcel - The zero configuration build tool for the web. πŸ“¦πŸš€

gulp - A toolkit to automate & enhance your workflow

Snowpack - ESM-powered frontend build tool. Instant, lightweight, unbundled development. ✌️ [Moved to: https://github.com/FredKSchott/snowpack]

lerna - :dragon: Lerna is a fast, modern build system for managing and publishing multiple JavaScript/TypeScript packages from the same repository.

Microbundle - πŸ“¦ Zero-configuration bundler for tiny modules.

FuseBox - A blazing fast js bundler/loader with a comprehensive API :fire:

importmap-rails - Use ESM with importmap to manage modern JavaScript in Rails without transpiling or bundling.