@babel/plugin-transform-computed-properties
Advanced tools
Compile ES2015 computed properties to ES5
The @babel/plugin-transform-computed-properties npm package is a plugin for Babel that transforms computed property names in objects. This allows you to use expressions to define property names in your objects, which are evaluated at runtime.
Computed Property Names
This feature allows you to use expressions inside square brackets to compute property names for objects. The expression inside the brackets is evaluated and the result is used as the property name.
{"var obj = {['foo' + bar]: 'baz'};"}This plugin allows Babel to transform the spread operator in arrays and function calls. While it does not directly relate to computed properties, it is another example of a Babel plugin that transforms modern JavaScript syntax into a form compatible with older environments.
Similar to the spread transform plugin, this one is for transforming object rest and spread properties. It does not handle computed properties, but it is related in the sense that it deals with object property manipulation.
This plugin transforms destructuring assignments and rest properties for more consistent code. It does not provide the same functionality as the computed properties plugin but is another tool for handling object properties.
Compile ES2015 computed properties to ES5
See our website @babel/plugin-transform-computed-properties for more information.
Using npm:
npm install --save-dev @babel/plugin-transform-computed-properties
or using yarn:
yarn add @babel/plugin-transform-computed-properties --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
Compile ES2015 computed properties to ES5
The npm package @babel/plugin-transform-computed-properties receives a total of 25,020,360 weekly downloads. As such, @babel/plugin-transform-computed-properties popularity was classified as popular.
We found that @babel/plugin-transform-computed-properties 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.
Research
Four npm packages disguised as cryptographic tools steal developer credentials and send them to attacker-controlled Telegram infrastructure.
Security News
Ruby maintainers from Bundler and rbenv teams are building rv to bring Python uv's speed and unified tooling approach to Ruby development.
Security News
Following last week’s supply chain attack, Nx published findings on the GitHub Actions exploit and moved npm publishing to Trusted Publishers.