babel.config.js

/* eslint global-require: off */

const developmentEnvironments = ["development", "test"];

const developmentPlugins = [require("react-hot-loader/babel")];

const productionPlugins = [
  require("babel-plugin-dev-expression"),

  // babel-preset-react-optimize
  require("@babel/plugin-transform-react-constant-elements"),
  require("@babel/plugin-transform-react-inline-elements"),
  require("babel-plugin-transform-react-remove-prop-types"),
];

module.exports = (api) => {
  // see docs about api at https://babeljs.io/docs/en/config-files#apicache

  const development = api.env(developmentEnvironments);

  return {
    presets: [
      [
        require("@babel/preset-env"),
        {
          targets: { electron: 7 },
          // targets: { electron: require('electron/package.json').version },
          corejs: 3,
          useBuiltIns: "usage",
        },
      ],
      require("@babel/preset-typescript"),
      [require("@babel/preset-react"), { development }],
    ],
    plugins: [
      // Stage 1
      require("@babel/plugin-proposal-export-default-from"),
      [require("@babel/plugin-proposal-decorators"), { legacy: true }],

      // Stage 3
      require("@babel/plugin-syntax-dynamic-import"),
      [require("@babel/plugin-proposal-class-properties"), { loose: true }],
      require("@babel/plugin-proposal-numeric-separator"),

      ...(development ? developmentPlugins : productionPlugins),
    ],
  };
};