react 使用 jsx语法

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