@babel/core

Babel compiler core.

See our website @babel/core for more information or the issues associated with this package.

Install

Using npm:

npm install --save-dev @babel/core

or using yarn:

yarn add @babel/core --dev

@babel/plugin-proposal-class-properties

This plugin transforms static class properties as well as properties declared with the property initializer syntax

See our website @babel/plugin-proposal-class-properties for more information.

Install

Using npm:

npm install --save-dev @babel/plugin-proposal-class-properties

or using yarn:

yarn add @babel/plugin-proposal-class-properties --dev

@babel/plugin-proposal-decorators

Compile class and object decorators to ES5

See our website @babel/plugin-proposal-decorators for more information.

Install

Using npm:

npm install --save-dev @babel/plugin-proposal-decorators

or using yarn:

yarn add @babel/plugin-proposal-decorators --dev

@babel/plugin-transform-runtime

Externalise references to helpers and builtins, automatically polyfilling your code without polluting globals

See our website @babel/plugin-transform-runtime for more information.

Install

Using npm:

npm install --save-dev @babel/plugin-transform-runtime

or using yarn:

yarn add @babel/plugin-transform-runtime --dev

@babel/preset-typescript

Babel preset for TypeScript.

See our website @babel/preset-typescript for more information or the issues associated with this package.

Install

Using npm:

npm install --save-dev @babel/preset-typescript

or using yarn:

yarn add @babel/preset-typescript --dev

@babel/runtime

babel's modular runtime helpers

See our website @babel/runtime for more information.

Install

Using npm:

npm install --save-dev @babel/runtime

or using yarn:

yarn add @babel/runtime --dev

babel-core

Babel compiler core.

var babel = require("babel-core");
import { transform } from 'babel-core';
import * as babel from 'babel-core';

All transformations will use your local configuration files (.babelrc or in package.json). See options to disable it.

babel.transform(code: string, options?: Object)

Transforms the passed in code. Returning an object with the generated code,
source map, and AST.

babel.transform(code, options) // => { code, map, ast }

Example

var result = babel.transform("code();", options);
result.code;
result.map;
result.ast;

babel.transformFile(filename: string, options?: Object, callback: Function)

Asynchronously transforms the entire contents of a file.

babel.transformFile(filename, options, callback)

Example

babel.transformFile("filename.js", options, function (err, result) {
  result; // => { code, map, ast }
});

babel.transformFileSync(filename: string, options?: Object)

Synchronous version of babel.transformFile. Returns the transformed contents of
the filename.

babel.transformFileSync(filename, options) // => { code, map, ast }

Example

babel.transformFileSync("filename.js", options).code;

babel.transformFromAst(ast: Object, code?: string, options?: Object)

Given, an AST, transform it.

const code = "if (true) return;";
const ast = babylon.parse(code, { allowReturnOutsideFunction: true });
const { code, map, ast } = babel.transformFromAst(ast, code, options);

Options

Babel CLI

You can pass these options from the Babel CLI like so:

babel --name=value

Following is a table of the options you can use:

metro-react-native-babel-preset

Babel presets for React Native applications. React Native itself uses this Babel preset by default when transforming your app's source code.

If you wish to use a custom Babel configuration by writing a .babelrc file in your project's root directory, you must specify all the plugins necessary to transform your code. React Native does not apply its default Babel configuration in this case. So, to make your life easier, you can use this preset to get the default configuration and then specify more plugins that run before it.

Usage

As mentioned above, you only need to use this preset if you are writing a custom .babelrc file.

Installation

Install metro-react-native-babel-preset in your app:

npm i metro-react-native-babel-preset --save-dev

Configuring Babel

Then, create a file called .babelrc in your project's root directory. The existence of this .babelrc file will tell React Native to use your custom Babel configuration instead of its own. Then load this preset:

{
  "presets": ["module:metro-react-native-babel-preset"]
}

You can further customize your Babel configuration by specifying plugins and other options. See Babel's .babelrc documentation to learn more.

Help and Support

If you get stuck configuring Babel, please ask a question on Stack Overflow or find a consultant for help. If you discover a bug, please open up an issue.

@babel/plugin-proposal-class-properties

This plugin transforms static class properties as well as properties declared with the property initializer syntax

See our website @babel/plugin-proposal-class-properties for more information.

Install

Using npm:

npm install --save-dev @babel/plugin-proposal-class-properties

or using yarn:

yarn add @babel/plugin-proposal-class-properties --dev

@babel/plugin-proposal-decorators

Compile class and object decorators to ES5

See our website @babel/plugin-proposal-decorators for more information.

Install

Using npm:

npm install --save-dev @babel/plugin-proposal-decorators

or using yarn:

yarn add @babel/plugin-proposal-decorators --dev

@babel/plugin-transform-runtime

Externalise references to helpers and builtins, automatically polyfilling your code without polluting globals

See our website @babel/plugin-transform-runtime for more information.

Install

Using npm:

npm install --save-dev @babel/plugin-transform-runtime

or using yarn:

yarn add @babel/plugin-transform-runtime --dev

@babel/preset-typescript

Babel preset for TypeScript.

See our website @babel/preset-typescript for more information or the issues associated with this package.

Install

Using npm:

npm install --save-dev @babel/preset-typescript

or using yarn:

yarn add @babel/preset-typescript --dev

@babel/core

Babel compiler core.

See our website @babel/core for more information or the issues associated with this package.

Install

Using npm:

npm install --save-dev @babel/core

or using yarn:

yarn add @babel/core --dev

This is a stub types definition for chalk (https://github.com/chalk/chalk).
chalk provides its own type definitions, so you don't need @types/chalk installed!

babel-core

Babel compiler core.

var babel = require("babel-core");
import { transform } from 'babel-core';
import * as babel from 'babel-core';

All transformations will use your local configuration files (.babelrc or in package.json). See options to disable it.

babel.transform(code: string, options?: Object)

Transforms the passed in code. Returning an object with the generated code,
source map, and AST.

babel.transform(code, options) // => { code, map, ast }

Example

var result = babel.transform("code();", options);
result.code;
result.map;
result.ast;

babel.transformFile(filename: string, options?: Object, callback: Function)

Asynchronously transforms the entire contents of a file.

babel.transformFile(filename, options, callback)

Example

babel.transformFile("filename.js", options, function (err, result) {
  result; // => { code, map, ast }
});

babel.transformFileSync(filename: string, options?: Object)

Synchronous version of babel.transformFile. Returns the transformed contents of
the filename.

babel.transformFileSync(filename, options) // => { code, map, ast }

Example

babel.transformFileSync("filename.js", options).code;

babel.transformFromAst(ast: Object, code?: string, options?: Object)

Given, an AST, transform it.

const code = "if (true) return;";
const ast = babylon.parse(code, { allowReturnOutsideFunction: true });
const { code, map, ast } = babel.transformFromAst(ast, code, options);

Options

Babel CLI

You can pass these options from the Babel CLI like so:

babel --name=value

Following is a table of the options you can use:

metro-react-native-babel-preset

Babel presets for React Native applications. React Native itself uses this Babel preset by default when transforming your app's source code.

If you wish to use a custom Babel configuration by writing a .babelrc file in your project's root directory, you must specify all the plugins necessary to transform your code. React Native does not apply its default Babel configuration in this case. So, to make your life easier, you can use this preset to get the default configuration and then specify more plugins that run before it.

Usage

As mentioned above, you only need to use this preset if you are writing a custom .babelrc file.

Installation

Install metro-react-native-babel-preset in your app:

npm i metro-react-native-babel-preset --save-dev

Configuring Babel

Then, create a file called .babelrc in your project's root directory. The existence of this .babelrc file will tell React Native to use your custom Babel configuration instead of its own. Then load this preset:

{
  "presets": ["module:metro-react-native-babel-preset"]
}

You can further customize your Babel configuration by specifying plugins and other options. See Babel's .babelrc documentation to learn more.

Help and Support

If you get stuck configuring Babel, please ask a question on Stack Overflow or find a consultant for help. If you discover a bug, please open up an issue.

@babel/runtime

babel's modular runtime helpers

See our website @babel/runtime for more information.

Install

Using npm:

npm install --save @babel/runtime

or using yarn:

yarn add @babel/runtime