Currently contains transforms for all stage 4 (ES2018) and stage 3 syntax that is permitted in the Airbnb Style Guide. Please note that if usage of a stage 3 proposal is not explicitly mentioned in the Airbnb Style Guide, then it will not be enabled here. Additionally, stage 4 syntax that is excluded is as follows:
regenerator-runtimeis too heavyweight for our use.
regenerator-runtimeis too heavyweight for our use, and async-to-promises is not yet complete enough to be safely used.
- async iterators: depends on both generators and
- lifted template literal restrictions: we do not use tagged template literals, nor implement custom DSLs, otherwise we would enable this.
$ npm install --save-dev babel-preset-airbnb
$ babel script.js --presets airbnb
Via Node API
This module uses @babel/preset-env to target specific environments.
Please refer to @babel/preset-env#targets for a list of available options.
For a list of browsers please see browserlist.
You may override our default list of targets by providing your own
The following transpiles only for Node v6.
If you wish, you can also inherit our default list of browsers and extend them using
You may override our default debug option by providing your own
React Development Mode
development mode will be set for
You may override our default development option by providing your own boolean
React PropTypes removal
This preset can be configured to remove propTypes using babel-plugin-transform-react-remove-prop-types with the following default options:
To enable this transformation with the default options, set the
removePropTypes option to
The default options that will be used are:
mode: 'wrap'additionalLibraries: 'airbnb-prop-types'ignoreFilenames: 'node_modules'
Default options can be overridden using the
removePropTypes option. These options will be shallow-merged with the defaults:
For example, if you are using this plugin in a deployable app, you might want to use the remove mode for your production build (and disable this transform entirely in development for optimal build speeds).
Classes loose mode
By default, this preset will compile classes in normal mode. This is safer, but comes with a bundle size and runtime overhead. To compile classes in loose mode, set the
looseClasses option to