babel-plugin-react-autorequire

This plugin will autorequire all jsx components from global scope

Usage no npm install needed!

<script type="module">
  import babelPluginReactAutorequire from 'https://cdn.skypack.dev/babel-plugin-react-autorequire';
</script>

This plugin will autorequire all jsx components from global scope

class Component {
  render() {
    return <NewComponent />;
  }
}

Out

import NewComponent from "NewComponent";
class Component {
  render() {
    return <NewComponent />;
  }
}

$ npm install babel-plugin-react-autorequire

es5 : true - will use require instead of import

.babelrc

{
  "plugins": ["react-autorequire"]
}

$ babel --plugins react-autorequire script.js

require("babel-core").transform("code", {
  plugins: ["react-autorequire"]
});