.babelrc.js

const r = m => require.resolve(m)

function preset(context, options = {}) {
  const { browser = false, debug = false } = options
  const { NODE_ENV, BABEL_ENV } = process.env

  const PRODUCTION = (BABEL_ENV || NODE_ENV) === "production"

  const browserConfig = {
    useBuiltIns: false,
    targets: {
      browsers: PRODUCTION
        ? [`last 4 versions`, `safari >= 7`, "ie >= 9"]
        : [`last 2 versions`, `not ie <= 11`, `not android 4.4.3`],
      uglify: PRODUCTION,
    },
  }

  const nodeConfig = {
    targets: {
      node: PRODUCTION ? 4.0 : "current",
    },
  }

  return {
    presets: [
      [
        r("babel-preset-env"),
        Object.assign(
          {
            loose: true,
            debug: !!debug,
            useBuiltIns: true,
            modules: "commonjs",
          },
          browser ? browserConfig : nodeConfig
        ),
      ],
      r("babel-preset-react"),
      r("babel-preset-flow"),
    ],
    plugins: [
      r("babel-plugin-transform-object-rest-spread"),
      [
        r("babel-plugin-transform-runtime"),
        {
          // we are only polyfilling the node environment
          // so we need to enable the runtime replacements for the browser preset
          polyfill: !!browser,
        },
      ],
      r(`babel-plugin-transform-flow-strip-types`),
    ],
  }
}

module.exports = preset