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

syntax-top-level-await - 图1info

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

syntax-top-level-await - 图2note

Syntax only

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.

syntax-top-level-await - 图3tip

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

JavaScript

  1. const val = await promise;
  3. export { val };

Installation

  • npm
  • Yarn
  • pnpm
  1. npm install --save-dev @babel/plugin-syntax-top-level-await
  1. yarn add --dev @babel/plugin-syntax-top-level-await
  1. pnpm add --save-dev @babel/plugin-syntax-top-level-await

Usage

With a configuration file (Recommended)

babel.config.json

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

Via CLI

Shell

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

Via Node API

JavaScript

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