在React App中设置Babel生成的EcmaScript版本

Question

我在我的React代码中使用了最新的ES8功能，例如async和await。由于我的webpack配置中的配置错误，我无法使用源映射，这会减慢调试速度。

一种快速的解决方案是将源代码本地编译为ES7或ES8，然后在最新的Chrome中进行测试。如何在.babelrc中进行设置？这是我当前的.babelrc：

{
  "presets": [
     "react-app"
  ] 
}

Answer 1

答案here，

{
  "presets": [
    "react",
    ["env", {
      "targets": {
        "chrome": 67
      }
    }]
  ]
}

自2018年7月起，以上设置将不支持spread operator in objects。要启用它，

npm install --save-dev babel-plugin-transform-object-rest-spread

在.babelrc中使用以下配置：

{
  "presets": [
    "react",
    ["env", {
      "targets": {
        "chrome": 67
      }
    }]
  ],
  "plugins": ["transform-object-rest-spread"]
}