.babelrc

{
  "presets": [["@babel/preset-env", { "shippedProposals": true }], "@babel/preset-react"],
  "plugins": [
    "@babel/plugin-syntax-dynamic-import",
    "@babel/plugin-proposal-optional-chaining",
    "@babel/plugin-proposal-private-methods",
    "@loadable/babel-plugin",
    [
      "@babel/plugin-transform-react-jsx",
      {
        "runtime": "automatic"
      }
    ],
    [
      "module-resolver",
      {
        "root": ["./src"],
        "extensions": [".tsx", ".jsx", ".js", ".json"],
        "alias": {
          "@icons": "./src/assets/icons",
          "@images": "./src/assets/images",
          "@config": "./src/config",
          "@constants": "./src/constants",
          "@hooks": "./src/hooks",
          "@hoc": "./src/hoc",
          "@localization": "./src/localization",
          "@sharedComponents": "./src/sharedComponents",
          "@utils": "./src/utils",
          "@pages": "./src/app/pages"
        }
      }
    ]
  ],
  "env": {
    "production": {
      "plugins": [
        [
          "transform-remove-console",
          {
            "exclude": ["error", "warn", "info"]
          }
        ],
        "transform-remove-debugger",
        "transform-react-remove-prop-types",
        [
          "babel-plugin-styled-components",
          {
            "pure": true,
            "displayName": false,
            "fileName": false,
            "ssr": false
          }
        ],
        [
          "transform-react-remove-prop-types",
          {
            "mode": "wrap",
            "ignoreFilenames": ["node_modules"]
          }
        ]
      ]
    },
    "development": {
      "plugins": [["babel-plugin-styled-components", { "ssr": false }]]
    }
  }
}