要在没有React的情况下转换JSX,可以使用Babel插件来完成。下面是一个示例解决方法:
npm install --save-dev @babel/core @babel/preset-env @babel/plugin-transform-react-jsx
.babelrc
文件,并将以下配置添加到文件中:{
"presets": ["@babel/preset-env"],
"plugins": [
["@babel/plugin-transform-react-jsx", {
"pragma": "createElement" // 这里可以自定义转换后的函数名称
}]
]
}
createElement
函数:import { createElement } from 'react'; // 注意,这里不是引入React库,而是引入转换后的createElement函数
// JSX代码
const element = Hello, world!
;
// 转换后的代码
const element = createElement('h1', null, 'Hello, world!');
npx babel src --out-dir dist
其中,src
是源文件目录,dist
是转换后的文件目录。
通过以上步骤,就可以使用Babel插件在没有React的情况下转换JSX了。
上一篇:Babel不支持摇树优化?