@anansi/babel-preset NPM

Anansi's React Babel Preset

Configurable production-ready babel preset for React projects.

Usage

Just include in .babelrc

{
  "presets": ["@anansi/babel-preset"]
}

Or configure options

{
  "presets": [
    [
      "@anansi/babel-preset",
      {
        "targets": {
          "node": "current"
        },
        "modules": "commonjs"
      }
    ]
  ]
}

{
  "presets": [
    [
      "@anansi/babel-preset",
      {
        "additionalProductionTargets": {
          "explorer": "10"
        }
      }
    ]
  ]
}

Shims

This preset comes with some polyfills (babel + requestIdleCallback) for full functionality. Be sure to include the register at the entry point

webpack config entry

{
  entry: {
    Vendor: [
      '@anansi/babel-preset/polyfill',
      // ...
    ]
  }
}

mocha.opts

--require @anansi/babel-preset/registerBabel

Options

runInNode : bool = false

This is simple way to use the configuration for node scripts. Other options below will not work if this is set. Targets the current node version in babel-preset-env while disabling the extra imports.

productionTargets : object = `modern browsers`

Can be used to override babel-preset-env targets for building production. See babel-preset-env configuration options

additionalProductionTargets: object = undefined

Is merged with the default productionTargets. Use this to extend base production support.

developmentTargets : object = `latest firefox & chrome`

Can be used to override babel-preset-env targets for building development.

targets : object = undefined

Can be used to override babel-preset-env targets for non-testing environment.

modules: string|false = false

Can be used to override our default of false in non-testing environments in case you want babel to transform imports.

Warning: something other than 'false' will disable HMR and 'tree shaking' in webpack

minify: bool = false

Setting this to true will run the minifier babel-minify

Extra plugins used

In addition to providing good production/development/testing transformations; some additional non-standard features are included:

Stage 3

Dynamic import (import())

Stage 2

Stage 1

Other

Root import

babel preset react react-refresh typescript macros esnext class initialization jsx transform

@infinitebrahmanuniverse/nolb-_ana @everything-registry/sub-chunk-63

9 months ago

9 months ago

9 months ago

10 months ago

10 months ago

1 year ago

1 year ago

1 year ago

1 year ago

11 months ago

12 months ago

11 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

3 years ago

4 years ago

4 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

Anansi's React Babel Preset

Usage

Shims

webpack config entry

mocha.opts

Options

runInNode : bool = false

productionTargets : object = modern browsers

additionalProductionTargets: object = undefined

developmentTargets : object = latest firefox & chrome

targets : object = undefined

modules: string|false = false

minify: bool = false

Extra plugins used

Stage 3

Stage 2

Stage 1

Other

productionTargets : object = `modern browsers`

developmentTargets : object = `latest firefox & chrome`