@babel/plugin-syntax-top-level-await

信息

本插件包含在 @babel/preset-env、ES2022 中。

¥This plugin is included in @babel/preset-env, in ES2022.

注意

仅语法

¥Syntax only

此插件仅启用对此功能的解析。Babel 不支持转换顶层 await，但你可以使用 Rollup 的 experimentalTopLevelAwait 或 webpack@5 的 experiments.topLevelAwait 选项。

¥This plugin only enables parsing of this feature. Babel doesn't support transforming top-level await, but you can use Rollup's experimentalTopLevelAwait or webpack@5's experiments.topLevelAwait options.

提示

如果使用 @babel/core 7.15.0 或更高版本，你可以安全地从 Babel 配置中删除此插件。

¥You can safely remove this plugin from your Babel config if using @babel/core 7.15.0 or above.

JavaScript

const val = await promise;

export { val };

安装

¥Installation

npm

npm install --save-dev @babel/plugin-syntax-top-level-await

Yarn

yarn add --dev @babel/plugin-syntax-top-level-await

pnpm

pnpm add --save-dev @babel/plugin-syntax-top-level-await

用法

¥Usage

使用配置文件（推荐）

¥With a configuration file (Recommended)

babel.config.json

{
  "plugins": ["@babel/plugin-syntax-top-level-await"]
}

通过 CLI

¥Via CLI

Shell

babel --plugins @babel/plugin-syntax-top-level-await script.js

通过 Node API

¥Via Node API

JavaScript

require("@babel/core").transformSync(code, {
  plugins: ["@babel/plugin-syntax-top-level-await"],
});