将 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 函数转换为生成器。

Answer 1

我认为chromium 不是browsers list 文档中的有效目标。尝试将"chrome": "73" 作为目标。请注意，给定目标的值应该是字符串类型，而不是数字。

如果有一个您不想包含的插件，那么 exclude 键应该让您 blacklist a plugin 否则将根据您提供的目标环境使用。 "exclude": ["@babel/plugin-transform-regenerator"].

提问者的笔记

这解决了我的问题。我达到了预期的结果：

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