简介
babel-plugin-transform-member-expression-literals 是一个 babel 插件，它可以将对象的属性名转换成字面量。例如，将 obj['prop'] 转换成 obj.prop，这样可以让代码更简洁易读。
安装
首先，需要在项目中安装 babel 及其相关插件。执行以下命令可以安装最新版本的 babel 及其相关插件：
--- ------- ---------- ----------- ---------- ----------------- --------------------------------------------------
使用
安装完成后，在 babel 的配置文件中加上 @babel/plugin-transform-member-expression-literals。例如，可以在 .babelrc 文件中这样配置：
-
---------- -
-------------------
--
---------- -
----------------------------------------------------
-
-这样就启用了该插件。在使用过程中，只需要像平时一样编写代码即可。
例如，将以下代码：
----- --- - - ------- ------- -- -------------------------
使用该插件转换后，变成：
----- --- - - ----- ------- -- ----------------------
可以看到，插件已经将 'prop' 转换成了字面量 prop，让代码更加简洁易读。
示例代码
以下是一个完整的示例代码，可以在本地运行：
-- --------
----- --- - -
------- -------
--
-------------------------
-- --------
-
---------- -
-------------------
--
---------- -
----------------------------------------------------
-
-执行以下命令运行代码：
--- ---------- --------
输出结果如下：
-----
总结
npm 包 babel-plugin-transform-member-expression-literals 可以帮助我们更好地书写简洁易读的代码。在使用该插件时，只需要简单配置即可启用它。有了这个插件，我们可以少写很多无用的引号，让代码更加简洁易懂。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/40086