# react-scripts-rewired

> Extend create-react-app 3.x as you used to do in react-app-rewired!

Latest version **3.1.1** (published 2019-08-21) · MIT license · 0 weekly downloads

## Install

```sh
npm install react-scripts-rewired
pnpm add react-scripts-rewired
yarn add react-scripts-rewired
bun add react-scripts-rewired
```

Provides the command `react-scripts`.

## Health

**Score 20/100 (F)** — status: abandoned.

Positive: has types; no vulnerabilities.

Warnings: low downloads; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 3.1.1 |
| Published | 2019-08-21 |
| First published | 2018-10-16 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | CommonJS |
| Node | >=8.10 |
| Dependencies | 54 |
| Unpacked size | 209.3 KB |
| Known vulnerabilities | 0 (+9 in 4 direct dependencies) |
| Install scripts | no |
| GitHub stars | 39 |
| Maintainers | marcopeg |

## Links

- npm: https://www.npmjs.com/package/react-scripts-rewired
- Repository: https://github.com/marcopeg/create-react-app
- Homepage: https://github.com/marcopeg/create-react-app#readme
- Issues: https://github.com/marcopeg/create-react-app/issues
- npm.io page: https://npm.io/package/react-scripts-rewired

## Dependencies (54)

- [jest](https://npm.io/package/jest.md) 24.8.0
- [dotenv](https://npm.io/package/dotenv.md) 6.2.0
- [eslint](https://npm.io/package/eslint.md) ^6.1.0
- [is-wsl](https://npm.io/package/is-wsl.md) ^1.1.0
- [semver](https://npm.io/package/semver.md) 6.3.0
- [ts-pnp](https://npm.io/package/ts-pnp.md) 1.1.2
- [resolve](https://npm.io/package/resolve.md) 1.12.0
- [webpack](https://npm.io/package/webpack.md) 4.39.1
- [fs-extra](https://npm.io/package/fs-extra.md) 7.0.1
- [fsevents](https://npm.io/package/fsevents.md) 2.0.7
- [camelcase](https://npm.io/package/camelcase.md) ^5.2.0
- [babel-jest](https://npm.io/package/babel-jest.md) ^24.8.0
- [css-loader](https://npm.io/package/css-loader.md) 2.1.1
- [url-loader](https://npm.io/package/url-loader.md) 2.1.0
- [@babel/core](https://npm.io/package/@babel/core.md) 7.5.5
- [file-loader](https://npm.io/package/file-loader.md) 3.0.1
- [sass-loader](https://npm.io/package/sass-loader.md) 7.2.0
- [babel-eslint](https://npm.io/package/babel-eslint.md) 10.0.2
- [babel-loader](https://npm.io/package/babel-loader.md) 8.0.6
- [jest-resolve](https://npm.io/package/jest-resolve.md) 24.8.0
- [style-loader](https://npm.io/package/style-loader.md) 1.0.0
- [@svgr/webpack](https://npm.io/package/@svgr/webpack.md) 4.3.2
- [dotenv-expand](https://npm.io/package/dotenv-expand.md) 4.2.0
- [eslint-loader](https://npm.io/package/eslint-loader.md) 2.2.1
- [postcss-loader](https://npm.io/package/postcss-loader.md) 3.0.0
- [react-dev-utils](https://npm.io/package/react-dev-utils.md) ^9.0.3
- [postcss-normalize](https://npm.io/package/postcss-normalize.md) 7.0.1
- [identity-obj-proxy](https://npm.io/package/identity-obj-proxy.md) 3.0.0
- [pnp-webpack-plugin](https://npm.io/package/pnp-webpack-plugin.md) 1.5.0
- [postcss-preset-env](https://npm.io/package/postcss-preset-env.md) 6.7.0
- [react-app-polyfill](https://npm.io/package/react-app-polyfill.md) ^1.0.2
- [resolve-url-loader](https://npm.io/package/resolve-url-loader.md) 3.1.0
- [webpack-dev-server](https://npm.io/package/webpack-dev-server.md) 3.2.1
- [eslint-plugin-react](https://npm.io/package/eslint-plugin-react.md) 7.14.3
- [html-webpack-plugin](https://npm.io/package/html-webpack-plugin.md) 4.0.0-beta.5
- [postcss-safe-parser](https://npm.io/package/postcss-safe-parser.md) 4.0.1
- [eslint-plugin-import](https://npm.io/package/eslint-plugin-import.md) 2.18.2
- [jest-watch-typeahead](https://npm.io/package/jest-watch-typeahead.md) 0.3.1
- [terser-webpack-plugin](https://npm.io/package/terser-webpack-plugin.md) 1.4.1
- [babel-preset-react-app](https://npm.io/package/babel-preset-react-app.md) ^9.0.1
- [eslint-plugin-flowtype](https://npm.io/package/eslint-plugin-flowtype.md) 3.13.0
- [eslint-plugin-jsx-a11y](https://npm.io/package/eslint-plugin-jsx-a11y.md) 6.2.3
- [postcss-flexbugs-fixes](https://npm.io/package/postcss-flexbugs-fixes.md) 4.1.0
- [workbox-webpack-plugin](https://npm.io/package/workbox-webpack-plugin.md) 4.3.1
- [eslint-config-react-app](https://npm.io/package/eslint-config-react-app.md) ^5.0.1
- [mini-css-extract-plugin](https://npm.io/package/mini-css-extract-plugin.md) 0.5.0
- [webpack-manifest-plugin](https://npm.io/package/webpack-manifest-plugin.md) 2.0.4
- [@typescript-eslint/parser](https://npm.io/package/@typescript-eslint/parser.md) 1.13.0
- [eslint-plugin-react-hooks](https://npm.io/package/eslint-plugin-react-hooks.md) ^1.6.1
- [babel-plugin-named-asset-import](https://npm.io/package/babel-plugin-named-asset-import.md) ^0.3.3
- [jest-environment-jsdom-fourteen](https://npm.io/package/jest-environment-jsdom-fourteen.md) 0.1.0
- [@typescript-eslint/eslint-plugin](https://npm.io/package/@typescript-eslint/eslint-plugin.md) 1.13.0
- [optimize-css-assets-webpack-plugin](https://npm.io/package/optimize-css-assets-webpack-plugin.md) 5.0.3
- [case-sensitive-paths-webpack-plugin](https://npm.io/package/case-sensitive-paths-webpack-plugin.md) 2.2.0

## Recent versions

- 3.1.1 (latest) — 2019-08-21
- 3.1.1-alpha2 — 2019-08-21
- 3.0.1--latest1 — 2019-05-09
- 3.0.1--latest — 2019-05-09
- 2.1.8 — 2019-04-03
- 2.1.3 — 2019-01-07
- 2.1.1 — 2018-11-07
- 2.0.5-3 — 2018-10-17
- 2.0.5-2 — 2018-10-17
- 2.0.5-1 — 2018-10-17
- 2.0.4-3 — 2018-10-16
- 2.0.4-2 — 2018-10-16
- 2.0.4-1 — 2018-10-16

## README

# react-scripts-rewired

> This fork exists to bring back the basic functionality of `react-app-rewired` in
> a simple and non intrusive way.  
> I do my best to keep this fork up-to-date and to inject as little custom code as
> possible.

This package includes scripts and configuration used by [Create React App](https://github.com/facebook/create-react-app).<br>
Please refer to its documentation:

- [Getting Started](https://github.com/facebook/create-react-app/blob/master/README.md#getting-started) – How to create a new app.
- [User Guide](https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/template/README.md) – How to develop apps bootstrapped with Create React App.

---

## Quick Start

    npx create-react-app project-name --scripts-version react-scripts-rewired

## Extend Webpack config

In your project's root you'll find `webpack.config.extend.js` which contains a simple
function that could mutate the webpack configuration that is provided by `create-react-app`.

    module.exports = (webpackConfig, env, { paths }) => {
        webpackConfig = rewireEslint(webpackConfig)
        return webpackConfig
    }

## Compatible Rewire Libraries:

- [rewire-eslint](./lib/rewire-eslint)

## Extend Webpack DevServer config

The very same concept and signature is applied to the `webpackDevServer.config.extend.js`.

## Custom App Template

You can create your own app template as `.cra-template/` and place it in the
folder in which you are going to create your new app.

If you want to specify a custom template folder to use, there is what I believe
to be a temporary CLI option that will make CRA to use a local template:

    create-react-app \
        project-name \
        --scripts-version react-scripts-rewired \
        --internal-testing-template my-custom-template

## Existing Templates

This custom fork of `react-scripts` comes with a couple of specific templates
that might come in handy to bootstrap a new project:

- [barebone](./lib/template-barebone): plain folder to start with, no existing code.
- [fullstack](./lib/template-fullstack): radium, redux, react-router, express, graphql client, ssr, ... (under construction)

---
_Source: https://npm.io/package/react-scripts-rewired · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._