// babel.config.js
module.exports = {
  presets: [
    ...
  ],
  plugins: [
    [
      'babel-plugin-import-global',
      {
        globals: {
          react: 'React',
          'react-dom': 'ReactDOM'
        }
      }
    ],
   ...
  ]
};

import React from "react";
import ReactDOM from "react-dom";
 
class Test extends React.Component {
  render() {
    return <div>dd</div>
  }
}
 
 
function test1() {
  ReactDOM.render(Test, document.getElementById('root'))
}
 
export {
  test1
}
 
export default Test;

"use strict";
 
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.test1 = test1;
exports.default = void 0;
var React = window.React;
var ReactDOM = window.ReactDOM;
 
class Test extends React.Component {
  render() {
    return (
      /*#__PURE__*/
      React.createElement("div", null, "dd")
    );
  }
 
}
 
function test1() {
  ReactDOM.render(Test, document.getElementById('root'));
}
 
var _default = Test;
exports.default = _default;

{
  globals: {
    antd: 'antd'
  }
}

{
  globals(src) {
    const map = {
      antd: 'antd'
    };
    return map[src];
  }
}

{
  removes: [
    'antd',
    /some\.css$/,
    function(src) {
      return src === 'antd';
    }
  ]
}