【前端学习】webpack编译jsx问题

问题

SyntaxError: C:/Users/Sun/Desktop/example/jsx/03.jsx: Unexpected token

npm install babel-preset-react-app
npm install babel-plugin-transform-react-jsx

在项目根目录创建.babelrc文件

{
"plugins":["transform-react-jsx"]
}

webpack.config.js

module: {
		// 加载机
		rules: [
			// es6
			{
				test: /\.es$/,
				loader: 'babel-loader'
				
			},
			// jsx
			{
				test: /\.jsx$/,
				loader: 'babel-loader'
				
			}
		]
	}