简介
babel-plugin-transform-member-expression-literals 是一个 babel 插件，它可以将对象的属性名转换成字面量。例如，将 obj['prop'] 转换成 obj.prop，这样可以让代码更简洁易读。
安装
首先，需要在项目中安装 babel 及其相关插件。执行以下命令可以安装最新版本的 babel 及其相关插件：
npm install --save-dev @babel/core @babel/cli @babel/preset-env @babel/plugin-transform-member-expression-literals
使用
安装完成后，在 babel 的配置文件中加上 @babel/plugin-transform-member-expression-literals。例如，可以在 .babelrc 文件中这样配置：
{ "presets": [ "@babel/preset-env" ], "plugins": [ "@babel/plugin-transform-member-expression-literals" ] }
这样就启用了该插件。在使用过程中，只需要像平时一样编写代码即可。
例如，将以下代码：
const obj = { 'prop': 'value' }; console.log(obj['prop']);
使用该插件转换后，变成：
const obj = { prop: 'value' }; console.log(obj.prop);
可以看到，插件已经将 'prop' 转换成了字面量 prop，让代码更加简洁易读。
示例代码
以下是一个完整的示例代码，可以在本地运行：
-- -------------------- ---- ------- -- -------- ----- --- - - ------- ------- -- ------------------------- -- -------- - ---------- - ------------------- -- ---------- - ---------------------------------------------------- - -展开代码
执行以下命令运行代码：
npx babel-node index.js
输出结果如下：
value总结
npm 包 babel-plugin-transform-member-expression-literals 可以帮助我们更好地书写简洁易读的代码。在使用该插件时，只需要简单配置即可启用它。有了这个插件，我们可以少写很多无用的引号，让代码更加简洁易懂。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/40086
