Please note that this will add implicit magic to your code
This plugin will autorequire all jsx components from global scope
In
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"]
});