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