1. babel-plugin-transform-es2015-shorthand-properties
Compile ES2015 shorthand properties to ES5
babel-plugin-transform-es2015-shorthand-properties
Package: babel-plugin-transform-es2015-shorthand-properties
Created by: babel
Last modified: Mon, 13 Jun 2022 04:04:25 GMT
Version: 6.24.1
License: MIT
Downloads: 5,923,480
Repository: https://github.com/babel/babel/tree/master/packages/babel-plugin-transform-es2015-shorthand-properties

Install

npm install babel-plugin-transform-es2015-shorthand-properties
yarn add babel-plugin-transform-es2015-shorthand-properties

babel-plugin-transform-es2015-shorthand-properties

Compile ES2015 shorthand properties to ES5

Example

In

 var o = { a, b, c };

Out

 var o = { a: a, b: b, c: c };

In

 var cat = {
  getName() {
    return name;
  }
};

Out

 var cat = {
  getName: function () {
    return name;
  }
};

Installation

 npm install --save-dev babel-plugin-transform-es2015-shorthand-properties

Usage

Via .babelrc (Recommended)

.babelrc

 {
  "plugins": ["transform-es2015-shorthand-properties"]
}

Via CLI

 babel --plugins transform-es2015-shorthand-properties script.js

Via Node API

 require("babel-core").transform("code", {
  plugins: ["transform-es2015-shorthand-properties"]
});

RELATED POST

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin