@babel/plugin-bugfix-safari-class-field-initializer-scope

What is @babel/plugin-bugfix-safari-class-field-initializer-scope?

@babel/plugin-bugfix-safari-class-field-initializer-scope is a Babel plugin designed to address a specific bug in Safari's handling of class field initializers. This plugin ensures that class field initializers are correctly scoped, preventing potential issues in Safari's JavaScript engine.

What are @babel/plugin-bugfix-safari-class-field-initializer-scope's main functionalities?

Fixes class field initializer scope in Safari

This feature ensures that class field initializers are correctly scoped in Safari, preventing issues where the initializer might not be properly assigned to the instance.

class MyClass {
  myField = 'value';
  constructor() {
    console.log(this.myField);
  }
}
const instance = new MyClass();

Other packages similar to @babel/plugin-bugfix-safari-class-field-initializer-scope

@babel/plugin-proposal-class-properties

@babel/plugin-proposal-class-properties allows you to use class properties in your JavaScript code. While it doesn't specifically address the Safari bug, it provides the foundational support for class properties, which is a broader feature set compared to the bugfix plugin.

@babel/plugin-transform-classes

@babel/plugin-transform-classes transforms ES6 class syntax to ES5, ensuring compatibility across older browsers. It doesn't specifically fix the Safari class field initializer scope issue but provides a more general transformation for class syntax.

README

@babel/plugin-bugfix-safari-class-field-initializer-scope

Wrap class field initializers with IIFE to workaround https://webkit.org/b/236843

See our website @babel/plugin-bugfix-safari-class-field-initializer-scope for more information.

Install

Using npm:

npm install --save-dev @babel/plugin-bugfix-safari-class-field-initializer-scope

or using yarn:

yarn add @babel/plugin-bugfix-safari-class-field-initializer-scope --dev