Swissquote Preset for Babel
This package includes the Babel preset used by Crafty.
This preset will do the following for you:
- Transform EcmaScript 2015+ back to EcmaScript 5, according to the list of
browsers you support. (
@babel/preset-env
) - Handle non-standard class properties
(
@babel/plugin-proposal-class-properties
) - Polyfills the runtime needed for
async
/await
and generators (@babel/plugin-transform-runtime
) - Convert JSX to JavaScript (
@babel/preset-react
) - [prod] Remove React Prop Types in production (
babel-plugin-transform-react-remove-prop-types
)
Options
Option | Default | Effect |
---|---|---|
environment |
`process.env.BABEL_ENV | |
browsers |
babel-preset-env ’s default + IE9 |
Sets the list of browsers to support, must be a valid Browserslist query |
deduplicateHelpers |
false |
Defines if the babel helpers (like createClass ) should be in each file or referenced once |
useESModules |
false |
Defines if @babel/plugin-transform-runtime should use ES modules or commonjs modules |
presetReact |
{} |
Override @babel/preset-react options |
presetEnv |
{} |
Override @babel/preset-env options |
Usage in Crafty
The easiest way to use this configuration is with Crafty, which includes it by default. You don’t need to install it separately in Crafty projects.
Usage Outside of Crafty
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.
Then create a file named .babelrc
with following contents in the root folder
of your project:
{
"presets": ["@swissquote/swissquote"]
}