@babel/plugin-proposal-class-static-block

What is @babel/plugin-proposal-class-static-block?

The @babel/plugin-proposal-class-static-block npm package allows developers to use the static block feature in class definitions within JavaScript code. This feature is a proposal for ECMAScript and is not yet part of the official language specification. The plugin enables Babel to compile code containing static blocks so that it can run in current JavaScript environments.

What are @babel/plugin-proposal-class-static-block's main functionalities?

Static Initialization Blocks

Static initialization blocks allow developers to write a block of code within a class definition that is executed once when the class is created. This is useful for setting up static properties or performing one-time setup for the class.

class MyClass {
  static {
    // Initialization code
    this.myStaticProperty = 'value';
  }
}

Other packages similar to @babel/plugin-proposal-class-static-block

@babel/plugin-proposal-private-methods

This package allows the use of private instance methods and accessors in classes. It is similar to @babel/plugin-proposal-class-static-block in that it deals with class features that are not yet part of the ECMAScript standard.

@babel/plugin-proposal-decorators

This package provides support for decorators, which are a stage 2 proposal for JavaScript. Decorators are a way to add annotations and a meta-programming syntax for class declarations and members. While decorators are not the same as static blocks, they are another example of a proposed class feature that can be used with Babel.

@babel/plugin-proposal-class-properties

This package allows developers to use class properties, which are a part of the ECMAScript proposal. It enables both static and instance properties to be defined in a more concise way, similar to how @babel/plugin-proposal-class-static-block allows for static blocks.

README

@babel/plugin-proposal-class-static-block

Allow parsing of class static blocks

See our website @babel/plugin-proposal-class-static-block for more information.

Install

Using npm:

npm install --save-dev @babel/plugin-proposal-class-static-block

or using yarn:

yarn add @babel/plugin-proposal-class-static-block --dev

Changelog

v7.17.6 (2022-02-21)

:eyeglasses: Spec Compliance

• babel-helper-module-transforms
  • #14287 Make module namespace sort compare function consistent (@devsnek)

:bug: Bug Fix

• babel-cli
  • #14281 cli: handle multiple input sources in watch mode (@JLHwung)

:microscope: Output optimization

• babel-plugin-transform-react-constant-elements
  • #12975 allowMutablePropsOnTags: cache JSX constant elements with function props (@nicolo-ribaudo)
• babel-plugin-proposal-pipeline-operator, babel-standalone
  • #14278 [hack pipes] Inline topic token when possible (@nicolo-ribaudo)
• babel-helper-create-class-features-plugin, babel-plugin-proposal-class-static-block, babel-plugin-proposal-decorators, babel-preset-env
  • #14275 Avoid IIFE for single-expression class static blocks (@nicolo-ribaudo)