在前端开发中，我们经常会使用到许多第三方的库和工具，其中包括 Babel。Babel 是一款非常强大的 JavaScript 编译器，可以将最新的 JavaScript 语法转换为当前主流浏览器支持的语法，从而让我们在写代码的时候可以使用最新、最好的语言特性。
然而，在使用 Babel 的过程中，往往会遇到一些问题。Babel 默认会将 ECMAScript 新标准中的一些新 API 转换为旧版本的 API，这导致代码体积变大、性能变差。针对这个问题，UMI 团队开发了一个名为 @umijs/babel-plugin-lock-core-js-3 的 npm 包，可以实现 Babel 不转换 ECMAScript 新标准 API，从而提高代码的性能。
安装
使用 npm 安装 @umijs/babel-plugin-lock-core-js-3：
npm install @umijs/babel-plugin-lock-core-js-3 --save-dev
配置
在 Babel 的配置文件中，将 @umijs/babel-plugin-lock-core-js-3 添加到插件列表中即可：
-- -------------------- ---- -------
-- ---------------
-------------- - -
-------- -
-- ---
--
-------- -
-- ---
------------------------------------
-
-示例
在下面的示例中，我们将使用 ES6 中的 Promise 对象，使用 @umijs/babel-plugin-lock-core-js-3 将不会对 Promise 进行转换。
-- -------------------- ---- -------
-- --------
----- ------- - --- ----------------- ------- -- -
------------- -- -
-----------------
-- ------
---
-------------------- -- -
---------------------
---在没有使用 @umijs/babel-plugin-lock-core-js-3 的情况下，上面的代码将被转换为以下代码：
-- -------------------- ---- -------
-- --------
---- --------
--- ------- - --- ---------------- --------- ------- -
------------------- -- -
-----------------
-- ------
---
--------------------- --------- -
---------------------
---使用了 @umijs/babel-plugin-lock-core-js-3 后，代码不会被转换，保持原样：
-- -------------------- ---- -------
-- --------
----- ------- - --- ----------------- ------- -- -
------------- -- -
-----------------
-- ------
---
-------------------- -- -
---------------------
---总结
@umijs/babel-plugin-lock-core-js-3 可以帮助我们提高代码性能，避免 Babel 将 ECMAScript 新标准 API 转换为旧版本 API。在项目中使用时，需要注意配置是否正确，避免出现问题。这个 npm 包不仅对于前端的新手可以提供一种更好的开发体验，同时在项目中优化代码，提高性能也具有非常重要的意义。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f3dbf5adbf7be33b2567118