代码之家  ›  专栏  ›  技术社区  ›  Dan YOU

在react app中设置Babel生成的EcmaScript版本

  •  2
  • Dan YOU  · 技术社区  · 7 年前

    我在react代码中使用了最新的ES8特性,例如async和await。由于webpack配置中的错误配置问题,我无法使用源映射,这会减慢调试速度。

    一个快速的解决方案是将源代码本地编译成ES7或ES8,并在最新的Chrome中进行测试。我怎么能把这个放进去 .babelrc ? 这是我的电流。宝贝:

    {
      "presets": [
         "react-app"
      ] 
    }
    
    1 回复  |  直到 7 年前
        1
  •  0
  •   Dan YOU    7 年前

    回答 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"]
    }