在现代的 JavaScript 开发中，ES6 的语法已经越来越广泛地应用到了前端开发中。然而由于 ES6 的语法太新，许多浏览器还无法完全支持它，导致开发者无法使用某些新特性。这时，babel 工具就起到了非常重要的作用。babel 可以将 ES6 的语法转换成浏览器能够识别的 ES5 语法。其中，babel-plugin-transform-es2015-shorthand-properties 就是其中一个非常常用的 npm 包。它可以将 ES6 中的对象的简写方式转换成 ES5 语法。本文将详细介绍 babel-plugin-transform-es2015-shorthand-properties 的使用方法。
安装
使用 npm 安装 babel-plugin-transform-es2015-shorthand-properties：
npm install --save-dev babel-plugin-transform-es2015-shorthand-properties
配置
在项目根目录下创建一个 .babelrc 文件，并加入以下内容：
{
"plugins": [
"transform-es2015-shorthand-properties"
]
}这就启用了 babel-plugin-transform-es2015-shorthand-properties 这个插件。
示例
下面是一个使用对象简写的 ES6 代码：
const name = 'Tom';
const age = 18;
const person = { name, age };经过 babel-plugin-transform-es2015-shorthand-properties 转换后的 ES5 代码：
var name = 'Tom';
var age = 18;
var person = { name: name, age: age };可以看到，插件帮我们将对象简写的写法转换成了 ES5 语法。这样，我们就可以放心地使用最新的语法，而不用担心浏览器是否支持了。
总结
本文介绍了 babel-plugin-transform-es2015-shorthand-properties 的使用方法。学习了本文后，你可以在自己的项目中使用该插件帮助你将最新的 ES6 语法转换成浏览器可识别的 ES5 语法，从而使你的应用在跨多种浏览器时具有更加稳定的表现。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/165460