babel.config.json

{
  "presets": [
    "@babel/preset-env",
    "@babel/preset-react"
  ],
  "plugins": [
    ["@babel/plugin-transform-private-methods", { "loose": false }],
    ["@babel/plugin-proposal-private-property-in-object", { "loose": false }],
    "@babel/plugin-proposal-class-properties",
    "@babel/plugin-syntax-dynamic-import",
    "@babel/plugin-proposal-export-default-from",
    [
      "module-resolver",
      {
        "root": [
          "./"
        ],
        "alias": {
          "client": "./client",
          "@client": "./client",
          "static_private": "./static_private",
          "@static_private": "./static_private",
          "static": "./static",
          "@static": "./static",
          "util": "./util",
          "@util": "./util",
          "server": "./server",
          "@server": "./server",
          "api": "./api",
          "@api": "./api",
          "ui": "./gensrc/ui",
          "@ui": "./gensrc/ui",
          "gen": "./gensrc",
          "@gen": "./gensrc",
          "gensrc": "./gensrc",
          "@gensrc": "./gensrc"
        }
      }
    ]
  ],
  "env": {
    "api": {
      "plugins": [
        "@babel/plugin-transform-runtime",
        "babel-plugin-transform-import-meta",
        "dynamic-import-node",
        [
          "css-modules-transform",
          {
            "preprocessCss": "./api/render/preprocessor.js",
            "extensions": [
              ".css",
              ".less"
            ]
          }
        ]
      ]
    },
    "client_build": {
      "presets": [
        [
          "@babel/preset-env",
          {
            "modules": false,
            "targets": {
              "browsers": [
                ">0.25%"
              ]
            },
            "loose": true
          }
        ],
        [
          "@babel/preset-react",
          {
            "useBuiltIns": true
          }
        ]
      ]
    }
  }
}