babel.config.js

const envUtils = require('./starter/utils/env');

const isModern = envUtils.checkModern();
// const isProd = envUtils.checkProd();
// const isServer = envUtils.checkServer();

module.exports = {
  presets: [
    [
      "@babel/preset-env",
      {
        useBuiltIns: "usage",
        corejs: { version: 3, proposals: true },
        shippedProposals: true,
        targets: isModern ? { esmodules: true } : {},
        exclude: [
          /esnext.map/,
          /esnext.set/,
        ],
        // debug: !isProd && !isServer,
      }
    ],
    [
      "@babel/preset-react",
      {
        runtime: "classic",
      }
    ],
    "@babel/preset-typescript",
    "@emotion/babel-preset-css-prop"
  ],
  plugins: [
    // "@babel/plugin-transform-runtime", // https://github.com/babel/babel/issues/6629#issuecomment-416986687
    // "@babel/plugin-proposal-class-properties", // https://babeljs.io/docs/en/babel-preset-env#shippedproposals
    // "@babel/plugin-proposal-object-rest-spread",
    // "@babel/plugin-proposal-optional-chaining",
    // "@babel/plugin-proposal-nullish-coalescing-operator",
    "@loadable/babel-plugin"
  ]
};