@babel/plugin-bugfix-firefox-class-in-computed-class-key

This bugfix plugin transforms classes inside computed keys of other classes to workaround a SpiderMonkey bug with private class elements.

tip

This plugin is included in @babel/preset-env, and Babel will automatically enable this plugin for you when your targets are affected by the browser bug.

warning

Terser versions older than 5.30.2 will undo the transform done by this plugin. Make sure to use at least version 5.30.2, or set the Terser's compress.inline option to false.

Installation

npm

npm install --save-dev @babel/plugin-bugfix-firefox-class-in-computed-class-key

Yarn

yarn add --dev @babel/plugin-bugfix-firefox-class-in-computed-class-key

pnpm

pnpm add --save-dev @babel/plugin-bugfix-firefox-class-in-computed-class-key

Bun

bun add --dev @babel/plugin-bugfix-firefox-class-in-computed-class-key

Usage

With a configuration file (Recommended)

babel.config.json

{
  "plugins": ["@babel/plugin-bugfix-firefox-class-in-computed-class-key"]
}

Via CLI

Shell

babel --plugins @babel/plugin-bugfix-firefox-class-in-computed-class-key script.js

Via Node API

JavaScript

require("@babel/core").transformSync("code", {
  plugins: ["@babel/plugin-bugfix-firefox-class-in-computed-class-key"],
});