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

情報

このプラグインは、ES2022の@babel/preset-envに含まれています。

注意

構文のみ

このプラグインは、この機能の解析のみを有効にします。 Babelはトップレベルのawaitの変換をサポートしていませんが、RollupのexperimentalTopLevelAwaitオプションまたはwebpack@5のexperiments.topLevelAwaitオプションを使用できます。

ヒント

@babel/core 7.15.0以上を使用している場合、このプラグインをBabel設定から安全に削除できます。

JavaScript

const val = await promise;

export { val };

インストール

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

使い方

設定ファイルを使用する（推奨）

babel.config.json

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

CLI経由

Shell

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

Node API経由

JavaScript

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