@babel/plugin-transform-shorthand-properties

What is @babel/plugin-transform-shorthand-properties?

The @babel/plugin-transform-shorthand-properties package is a Babel plugin that transforms object literal shorthand syntax into regular object syntax. This is useful for ensuring compatibility with environments that do not support ES6 shorthand properties.

What are @babel/plugin-transform-shorthand-properties's main functionalities?

Transform shorthand properties

Converts shorthand object properties into regular object properties. For example, `{ foo }` becomes `{"foo": foo}`.

{"foo": foo}

Transform shorthand methods

Converts shorthand method definitions into regular function properties. For example, `{ foo() { return 'bar'; } }` becomes `{"foo": function() { return 'bar'; }}`.

{"foo": function() { return 'bar'; }}

Other packages similar to @babel/plugin-transform-shorthand-properties

@babel/plugin-transform-spread

This plugin transforms the ES6 spread syntax for arrays and objects, which is somewhat related to shorthand properties in that it's part of the object literal syntax enhancements introduced in ES6. However, it serves a different purpose by allowing an iterable to be expanded in places where zero or more arguments or elements are expected.

@babel/plugin-transform-destructuring

This plugin transforms destructuring assignments and rest properties, which are closely related to shorthand properties as they are part of the enhanced object literals in ES6. While @babel/plugin-transform-shorthand-properties focuses on the syntax within object literals, @babel/plugin-transform-destructuring focuses on the syntax used to extract data from arrays or objects.

@babel/plugin-proposal-object-rest-spread

This plugin adds support for the rest and spread properties for object literals to Babel. It is similar to @babel/plugin-transform-shorthand-properties in that it deals with object literals, but it focuses on the spread and rest properties rather than shorthand syntax.

README

@babel/plugin-transform-shorthand-properties

Compile ES2015 shorthand properties to ES5

See our website @babel/plugin-transform-shorthand-properties for more information.

Install

Using npm:

npm install --save-dev @babel/plugin-transform-shorthand-properties

or using yarn:

yarn add @babel/plugin-transform-shorthand-properties --dev

Changelog

v7.25.9 (2024-10-22)

:bug: Bug Fix

• babel-parser, babel-template, babel-types
  • #16905 fix: Keep type annotations in syntacticPlaceholders mode (@liuxingbaoyu)
• babel-helper-compilation-targets, babel-preset-env
  • #16907 fix: support BROWSERSLIST{,_CONFIG} env (@JLHwung)
• Other
  • #16884 Analyze ClassAccessorProperty to prevent the no-undef rule (@victorenator)

:house: Internal

• babel-helper-transform-fixture-test-runner
  • #16914 remove test options flaky (@JLHwung)

:running_woman: Performance

• babel-parser, babel-types
  • #16918 perf: Make VISITOR_KEYS etc. faster to access (@liuxingbaoyu)