babel的配置

1.安装 @babel/core 、babel-loader

npm i babel-loader @babel/core -D

2.在项目根目录新建babel配置文件，配置文件可以使以下形式
2.1 babel.config.js文件

module.exports = function (api) {
  api.cache(true)
  const presets = ["@babel/preset-react"]
  const plugins = ["transform-async-to-generator"]

  return {
      presets,
      plugins
  }
}

2.2 .babelrc 或 babel.config.json 文件

{
        "presets": ["@babel/preset-react"],
        "plugins": [...],
}

3.在webpack的配置

module.exports = {
    module: {
        rules: [
            {
                test: /\.(jsx|js)$/,
                use: 'babel-loader'
            }
        ]
    }
}