@500tech/babel-preset-react-app

Babel preset used by Create React App

babel-preset-react-app

This package includes the Babel preset used by Create React App.
Please refer to its documentation:

Usage in Create React App Projects

The easiest way to use this configuration is with 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 the following steps.

First, install Babel.

Then install babel-preset-react-app.

npm install babel-preset-react-app --save-dev

Then create a file named .babelrcwith following contents in the root folder of your project:

{
  "presets": ["react-app"]
}

This preset uses the useBuiltInsoption with transform-object-rest-spreadand transform-react-jsx, which assumes that Object.assignis available or polyfilled.

Usage with Flow

Make sure you have a .flowconfigfile at the root directory. You can also use the flowoption on .babelrc:

{
  "presets": [["react-app", { "flow": true, "typescript": false }]]
}

Usage with TypeScript

Make sure you have a tsconfig.jsonfile at the root directory. You can also use the typescriptoption on .babelrc:

{
  "presets": [["react-app", { "flow": false, "typescript": true }]]
}

Repository

500tech/create-react-app


上一篇:Web Components 全知道
下一篇:@0xaio/babel-preset-react-app

相关推荐

官方社区

扫码加入 JavaScript 社区