webpack4.x + react启用 jsx 语法？

• 安装 babel 插件

  • 运行cnpm i babel-core babel-loader babel-plugin-transform-runtime -D
  • 运行cnpm i babel-preset-env babel-preset-stage-0 -D

  • 安装能够识别转换jsx语法的包 babel-preset-react

    • 运行cnpm i babel-preset-react -D

  • 添加 .babelrc 配置文件

    {
      "presets": ["env", "stage-0", "react"],
      "plugins": ["transform-runtime"]
    }
    

  • 添加babel-loader配置项：

    module: { //要打包的第三方模块
        rules: [
          { test: /\.js|jsx$/, use: 'babel-loader', exclude: /node_modules/ }
        ]
    }