
如何配置才能在react中使用jsx语法
在react中使用jsx语法需要安装babel插件,它是一个能够将jsx语法转为js语法的插件。
1、安装babel
cnpm i babel-core babel-loader babel-plugin-transform-runtime -D
cnpm i babel-preset-env babel-preset-stage-0 -D
2、安装能够识别转换jsx语法的包 babel-preset-react
cnpm i babel-preset-react -D
3、添加 .babelrc 配置文件
{
"presets": ["env", "stage-0", "react"],
"plugins": ["transform-runtime"]
}4、添加babel-loader配置项:
module: { //要打包的第三方模块
rules: [
{ test: /\.js|jsx$/, use: 'babel-loader', exclude: /node_modules/ }
]
}本文来自React答疑栏目,欢迎学习!
以上就是如何配置才能在react中使用jsx语法的详细内容,更多请关注易知道|edz.cc其它相关文章!














