async-await - 将 next.js 配置为使用 Babel 不转换异步函数

Question

使用默认配置，Next 指示 Babel 在客户端为我的异步函数使用生成器。这使得调试看起来更具挑战性。如何禁用此行为？

我正在使用一个 Electron 应用程序，所以我真的想要最少量的转换来匹配 Chromium 运行时。

这是我当前的"babel"关键内容package.json：

  "babel": {
    "presets": [
      [
        "next/babel",
        {
          "preset-env": {
            "targets": {
              "chromium": 73,
              "node": 11
            }
          },
          "transform-runtime": {
            "regenerator": false
          }
        }
      ]
    ]
  }

这里的结果是不包含 regenerator，但它在 Webpack 生成的代码中崩溃。如果我删除 的禁用regenerator，我可以看到资产仍在将async函数转换为生成器，无论如何。

标签： async-awaitelectronbabeljsnext.js

Answer 1

我认为这不是chromium每个浏览器列表文档的有效目标。尝试"chrome": "73"作为目标。请注意，给定目标的值应该是字符串类型，而不是数字。

如果有一个您不想包含的插件，那么该exclude密钥应该允许您将一个插件列入黑名单，否则将根据您提供的目标环境使用该插件。"exclude": ["@babel/plugin-transform-regenerator"].

提问者的笔记

这解决了我的问题。我通过以下方式达到了预期的结果：

{
  "presets": [
    [
      "next/babel",
      {
        "preset-env": {
          "targets": {
            "chrome": "73",
            "node": "11"
          }
        }
      }
    ]
  ]
}