如何配置才能在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其它相关文章!