uneject

Rewire your React app for react-scripts(-ts) support

This tool attempts to reconfigure your ejected Create React App project to pull back in all the glory it once had. Additionally, if you have ejected with react-scripts-ts, TypeScript support will be re-enabled. Note that all your ESLint, TSLint, Babel and webpack configurations will be overrided and get replaced with react-scripts' internal configurations. This also comes with the fact that uneject cannot be used on a custom webpack configuration except that they will be overrided too.

However, if you want to edit the webpack configurations without ejecting or creating a fork of react-scripts, checkout rescripts (personally recommended), react-app-rewired (unmaintained since Create React App 2.0+, check this fork).

As a matter of fact, uneject supports all versions of Create React App.

Why I made uneject

I accidentally ejected my Create React App project. Please don't ask me how.

What you did

You ran npm run eject or yarn eject.

What you want

You want to still retain react-scripts(-ts) and hide away those pesky webpack configurations.

Getting Started

Install uneject globally (recommended) with:

$ npm install -g uneject
# or with Yarn,
$ yarn global add uneject

Alternatively, you can use npx to install and run it locally. After installing, proceed with running uneject in the root directory of your project.

Make sure you did not edit the webpack configurations in the config/ directory after you have ejected. If you did edit those configuration files, they will be lost without condition.

CLI Options

For react-scripts-ts, use uneject ts at the root of your project.

Note: You need to commit and stash your changes before ejecting multiple times.

Credits

This project would not have been without these wonderful people:

• Nikita Golubev from Flaticon - for the logo