反应中的 Babel 解析器

Question

所以我真的被困在这里了。 我愿意在 react 中编辑 babel-parser，所以无论我在 JSX 中返回什么，它都会用 React.Fragment 元素包装它。 我在我的 cli 中运行了 npm 弹出以访问 babel-parser，但我不知从哪里开始或编辑什么:(

我的目标是编译这个

import React from 'react'
const Element = () =>{
return (
<h1>It's now valid to</h1>
<h2>Return Multiple Elements</h2>
)
}

进入这个引擎盖下：

import React from 'react'
const Element = () =>{
return (
<React.Fragment>
  <h1>It's now valid to</h1>
  <h2>Return Multiple Elements</h2>
</React.Fragment>
)
}

然后它将被正常编译。 我真的很感激任何关于从哪里开始的帮助或提示。 谢谢。