@babel/plugin-transform-computed-properties
Advanced tools
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.21.5 (2023-04-28)
babel-generator, babel-parser, babel-types
mixins and implements for DeclareInterface and InterfaceDeclaration (@liuxingbaoyu)babel-core, babel-generator, babel-plugin-transform-modules-commonjs, babel-plugin-transform-react-jsx
) position with createParenthesizedExpressions (@liuxingbaoyu)babel-preset-env
babel-types
babel-core
lt instead of lte to check TS version for .cts config (@nicolo-ribaudo)babel-core
import.meta.resolve (@nicolo-ribaudo)babel-helper-fixtures, babel-preset-typescript
babel-helper-create-class-features-plugin, babel-helper-create-regexp-features-plugin
semver package to compare versions (@nicolo-ribaudo)FAQs
Compile ES2015 computed properties to ES5
The npm package @babel/plugin-transform-computed-properties receives a total of 4,661,807 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.
Security News
Elastic’s return to open source with the AGPL license has been met with skepticism, as many developers see it as a strategic move rather than a genuine effort to restore user trust and freedoms.
Security News
A new "revival hijack" supply chain attack targets deleted Python packages, with an estimated 22K packages at risk. Socket can detect and block hijacked packages that have added malicious code.
Product
We're introducing a new Analytics feature in the Socket dashboard so you can view changes in your organization's and repositories' alerts over time.