@babel/plugin-transform-class-static-block
Advanced tools
The @babel/plugin-transform-class-static-block npm package allows developers to use the static class block syntax in JavaScript, enabling the definition of static initialization blocks within classes. This feature is particularly useful for performing tasks or initializing data that is related to the class itself, rather than instances of the class. The plugin transforms this modern syntax into a format that can be understood by JavaScript engines that do not yet support static class blocks.
Static Initialization Blocks
This feature allows for the execution of static blocks within a class, enabling complex initialization logic for static properties. The code sample demonstrates how a class can use a static block to fetch and assign data to a static property, with error handling.
class MyClass {
static x = 0;
static {
try {
const data = fetchData();
MyClass.x = data;
} catch (error) {
MyClass.x = defaultValue;
}
}
}This package allows developers to use the class properties syntax, enabling more concise and readable class definitions. While it focuses on instance and static properties, it does not provide the specific functionality for static initialization blocks like @babel/plugin-transform-class-static-block does. However, it complements the static block feature by simplifying the declaration of class properties.
This package enables the use of private instance methods and accessors in classes. Similar to @babel/plugin-transform-class-static-block, it enhances class capabilities in JavaScript. However, its focus is on encapsulation and privacy of methods rather than initialization logic.
Transform class static blocks
See our website @babel/plugin-transform-class-static-block for more information.
Using npm:
npm install --save-dev @babel/plugin-transform-class-static-block
or using yarn:
yarn add @babel/plugin-transform-class-static-block --dev
v7.27.1 (2025-04-30)
babel-parser
babel-parser, babel-types
babel-plugin-proposal-destructuring-private, babel-plugin-proposal-do-expressions, babel-traverse
babel-helper-wrap-function, babel-plugin-transform-async-to-generator
babel-helper-remap-async-to-generator, babel-plugin-transform-async-to-generator
babel-helper-fixtures, babel-parser
babel-generator, babel-parser
babel-parser
babel-compat-data, babel-preset-env
babel-traverse
babel-generator
babel-plugin-bugfix-v8-spread-parameters-in-optional-chaining, babel-plugin-proposal-decorators, babel-plugin-transform-arrow-functions, babel-plugin-transform-class-properties, babel-plugin-transform-destructuring, babel-plugin-transform-object-rest-spread, babel-plugin-transform-optional-chaining, babel-plugin-transform-parameters, babel-traverse
babel-runtime-corejs2, babel-runtime-corejs3, babel-runtime
regenerator-runtime dep in @babel/runtime (@nicolo-ribaudo)babel-compat-data, babel-preset-env
babel-compat-data, babel-standalone
babel-register
@babel/register to cts (@liuxingbaoyu)babel-cli, babel-compat-data, babel-core, babel-generator, babel-helper-compilation-targets, babel-helper-fixtures, babel-helper-module-imports, babel-helper-module-transforms, babel-helper-plugin-test-runner, babel-helper-transform-fixture-test-runner, babel-helpers, babel-node, babel-parser, babel-plugin-transform-modules-amd, babel-plugin-transform-modules-commonjs, babel-plugin-transform-modules-systemjs, babel-plugin-transform-modules-umd, babel-plugin-transform-react-display-name, babel-plugin-transform-regenerator, babel-plugin-transform-runtime, babel-plugin-transform-typeof-symbol, babel-plugin-transform-typescript, babel-preset-env, babel-register, babel-standalone, babel-types
babel-plugin-transform-regenerator
babel-helpers, babel-plugin-transform-async-generator-functions, babel-plugin-transform-regenerator, babel-preset-env, babel-runtime-corejs3
babel-helpers, babel-plugin-transform-regenerator
babel-helpers
babel-helpers, babel-plugin-transform-modules-commonjs, babel-runtime-corejs3
interopRequireWildcard size (@liuxingbaoyu)babel-helpers, babel-plugin-transform-async-generator-functions, babel-plugin-transform-regenerator, babel-preset-env, babel-runtime-corejs3
regeneratorRuntime size (@liuxingbaoyu)FAQs
Transform class static blocks
The npm package @babel/plugin-transform-class-static-block receives a total of 15,890,380 weekly downloads. As such, @babel/plugin-transform-class-static-block popularity was classified as popular.
We found that @babel/plugin-transform-class-static-block demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 4 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Deno 2.4 brings back bundling, improves dependency updates and telemetry, and makes the runtime more practical for real-world JavaScript projects.
Security News
CVEForecast.org uses machine learning to project a record-breaking surge in vulnerability disclosures in 2025.
Security News
Browserslist-rs now uses static data to reduce binary size by over 1MB, improving memory use and performance for Rust-based frontend tools.