怎么才能在react中使用jsx语法

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/ }
    ]
}