• @babel/plugin-syntax-top-level-await
    • Syntax only
  • Installation
  • Usage
    • With a configuration file (Recommended)
    • Via CLI
    • Via Node API

@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;
2. 3. export { val };

Installation

  • npm
  • Yarn
  • pnpm

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

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

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

Usage

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. });