.babelrc

{
  // Javascript settings.
  "presets": [
    [
      "@babel/env",
      {
        "forceAllTransforms": true,
        "targets": {
          /* This is the full list of browsers we support, but we are not using it because we want babel-polyfill
         * to include only polyfills for more modern browsers.
         * Older browser polyfills are in preESModulesPolyfills.js
         */
          /* "browsers": ["Chrome 60", "Firefox 57", "iOS 9", "Edge 14", "ChromeAndroid 64", "Safari 10", "ie 11"] */
          /*
         * This is the list of browers we support that all also have support for the nomodule script
         * attribute, meaning we can make them ignore a file that includes polyfills for older browsers
         */
          "browsers": [
            "Chrome 61",
            "Firefox 60",
            "iOS 11",
            "Edge 16",
            "ChromeAndroid 67",
            "Safari 11"
          ]
        },
        "useBuiltIns": "entry",
        "corejs": "3.8.1",
        "modules": false,
        "debug": false
      }
    ],
    "@babel/react"
  ],
  "plugins": [
    "lodash",
    // Stage 2
    "@babel/plugin-proposal-function-sent",
    "@babel/plugin-transform-export-namespace-from",
    "@babel/plugin-transform-numeric-separator",
    "@babel/plugin-proposal-throw-expressions",
    // Stage 3
    "@babel/plugin-transform-nullish-coalescing-operator",
    "@babel/plugin-transform-optional-chaining",
    "@babel/plugin-syntax-dynamic-import",
    "@babel/plugin-syntax-import-meta",
    ["@babel/plugin-transform-class-properties", { "loose": false }],
    "@babel/plugin-transform-json-strings",
    [
      "module-resolver",
      {
        "root": "./src",
        "alias": {
          "~": "./src",
          "@@vap-svc": "./src/platform/user/profile/vap-svc",
          "@@profile": "./src/applications/personalization/profile"
        }
      }
    ]
  ],
  // Share polyfills between files.
  "env": {
    "test": {
      "presets": ["@babel/env"],
      "plugins": [
        "istanbul",
        "dynamic-import-node",
        "transform-react-remove-prop-types",
        // Stage 2
        "@babel/plugin-proposal-function-sent",
        "@babel/plugin-transform-export-namespace-from",
        "@babel/plugin-transform-numeric-separator",
        "@babel/plugin-proposal-throw-expressions",
        // Stage 3
        "@babel/plugin-syntax-dynamic-import",
        "@babel/plugin-syntax-import-meta",
        ["@babel/plugin-transform-class-properties", { "loose": false }],
        "@babel/plugin-transform-json-strings"
      ]
    },
    "production": {
      "plugins": [
        [
          "transform-react-remove-prop-types",
          {
            "removeImport": true
          }
        ]
      ]
    }
  }
}