You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
34 lines
1.5 KiB
34 lines
1.5 KiB
4 years ago
|
# babel-preset-react-app
|
||
|
|
|
||
|
|
This package includes the Babel preset used by [Create React App](https://github.com/facebookincubator/create-react-app).<br>
|
||
|
|
Please refer to its documentation:
|
||
|
|
|
||
|
|
* [Getting Started](https://github.com/facebookincubator/create-react-app/blob/master/README.md#getting-started) – How to create a new app.
|
||
|
|
* [User Guide](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md) – How to develop apps bootstrapped with Create React App.
|
||
|
|
|
||
|
|
## Usage in Create React App Projects
|
||
|
|
|
||
|
|
The easiest way to use this configuration is with [Create React App](https://github.com/facebookincubator/create-react-app), which includes it by default. **You don’t need to install it separately in Create React App projects.**
|
||
|
|
|
||
|
|
## Usage Outside of Create React App
|
||
|
|
|
||
|
|
If you want to use this Babel preset in a project not built with Create React App, you can install it with following steps.
|
||
|
|
|
||
|
|
First, [install Babel](https://babeljs.io/docs/setup/).
|
||
|
|
|
||
|
|
Then install babel-preset-react-app.
|
||
|
|
|
||
|
|
```sh
|
||
|
|
npm install babel-preset-react-app --save-dev
|
||
|
|
```
|
||
|
|
|
||
|
|
Then create a file named `.babelrc` with following contents in the root folder of your project:
|
||
|
|
|
||
|
|
```js
|
||
|
|
{
|
||
|
|
"presets": ["react-app"]
|
||
|
|
}
|
||
|
|
```
|
||
|
|
|
||
|
|
This preset uses the `useBuiltIns` option with [transform-object-rest-spread](http://babeljs.io/docs/plugins/transform-object-rest-spread/) and [transform-react-jsx](http://babeljs.io/docs/plugins/transform-react-jsx/), which assumes that `Object.assign` is available or polyfilled.
|