问题背景
最近在做react项目，没有使用react的官方脚手架搭建，是自己手动配置，项目运行过程中报错提示不支持jsx语法，所以需要配置相应的babel转化，这里以这个为例介绍以下babel配置的三种方式。
1.配置方式一 package.json文件的babel选项
首先要支持jsx语法，需要配置 @/babel/preset-react、@babel/preset-env、@babel/plugin-transform-react-jsx。安装好相关包以后在package.json文件中进行配置
配置完成后运行项目，运行成功
2.配置方式二 webpack配置文件中的loader选项中配置
上面的方式同样可以
3.通过.babelrc文件配置
在项目根目录下创建一个.babelrc文件
babelrc文件配置内容
