babel-preset-react-app-no-regenerator

2.1.0 • Public • Published

babel-preset-react-app-no-regenerator

Babel Preset like react-app from create-react-app without using Regenerator.

react-app babel preset used in create-react-app forces you to use regenerator which compiles generator functions down to es5. This results in a poor debugging experience with source maps. Modern browsers support generator functions thus in development I want to use browser's implementation to debug.

We can combine with babel-preset-env to manage which version of modern browser I want to target in development.

  1. we need to set NODE_ENV environment variable:
  • OSX: export NODE_ENV=development
  • Windows: SET NODE_ENV=development
  1. yarn add babel-preset-react-app-no-regenerator && yarn add babel-preset-env

  2. make the following adjustments to package.json file

"babel" : {
  "env": {
    "development" : {
      "presets": [
        "react-app-no-regenerator",
        [
          "env",
          {
            "targets": {
              "browsers": [
                "last 2 Chrome versions"
              ]
            },
            "exclude": ["transform-regenerator"],
            "modules": false,
            "loose": true,
            "debug": true
          }
        ]
      ]
    },
    "production" : {
        "presets": [
          "react-app",
          [
            "env",
            {
              "targets": {
                "browsers": ["ie >= 9"]
              },
              "modules": false,
              "loose": true
            }
          ]
        ]
      }
    }
  }

Package Sidebar

Install

npm i babel-preset-react-app-no-regenerator

Weekly Downloads

1

Version

2.1.0

License

ISC

Unpacked Size

10.3 kB

Total Files

5

Last publish

Collaborators

  • itchcork