@deloitte-digital-au/babel-preset-react

Ract Babel preset used by Deloitte Digital for our modern web apps.

If you are using our webpack-config package. This is already pre-installed, please read the main instructions to configure this package.

Installing

Prerequisite

To use, you will need to install the Babel cli:

npm install @babel/cli --save-dev

You may also like to set it up for a tool of your choice.

Install @deloitte-digital-au/babel-preset-react

npm install @deloitte-digital-au/babel-preset-app-react --save-dev

Then create a .babelrc in the root of your project:

{
    "presets": ["@deloitte-digital-au/babel-preset-app-react"]
}

IMPORTANT: Please ensure you polyfill Object.assign for older browsers.

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

Then add the typescript preset to your .babelrc

{
    "presets": [
        "@deloitte-digital-au/babel-preset-app-react",
        "@babel/preset-typescript"
    ]
}

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

Then add the flow preset to your .babelrc

{
    "presets": [
        "@deloitte-digital-au/babel-preset-app-react",
        "@babel/preset-flow"
    ]
}