背景
在前端开发中，我们常常需要编写 ES6 或更新版本的 JavaScript 代码，并将其转换成浏览器可执行的 ES5 版本。为了方便地进行这一过程，我们可以使用 Babel 工具。
Babel 是一个广泛使用的 JavaScript 转换工具，它能够将 ES6 及以上版本的 JavaScript 代码转换成向下兼容的 ES5 代码。但是，在使用 Babel 进行转换时，我们需要编写相对复杂的配置文件，并且还需要安装各种插件和预设。这对于有经验的开发者来说可能并不是问题，但对于初学者来说会比较困难。
为了解决这个问题，typhonjs-npm-scripts-build-babel 这个 npm 包应运而生。该包提供了一组预先配置好的 Babel 转换设置，并且只需要几个简单的命令就能够完成转换过程。本文将介绍如何使用 typhonjs-npm-scripts-build-babel 进行 JavaScript 代码转换。
安装
首先，我们需要在项目中安装 typhonjs-npm-scripts-build-babel。可以通过 npm 命令进行安装：
npm install --save-dev typhonjs-npm-scripts-build-babel
配置
接下来，我们需要对项目进行配置，以便能够使用 typhonjs-npm-scripts-build-babel 进行代码转换。在项目的根目录下，创建一个名为 .npmrc 的文件，并加入以下内容：
build_babel_scripts=typhonjs-npm-scripts-build-babel
这将告诉 npm 在执行构建命令时，使用 typhonjs-npm-scripts-build-babel 进行 JavaScript 代码转换。
使用
现在，我们已经准备好使用 typhonjs-npm-scripts-build-babel 进行 JavaScript 代码转换了。在命令行中输入以下命令即可：
npm run build
该命令将遍历项目中所有的 JavaScript 文件，并使用 Babel 进行转换。转换后的文件将存储在 ./lib 目录下。
除了 npm run build 命令之外，typhonjs-npm-scripts-build-babel 还提供了其他一些有用的命令，例如：
npm run watch: 当文件发生变化时，自动重新构建。npm run clean: 删除构建过程中生成的文件。npm run lint: 对 JavaScript 代码进行静态分析。
示例代码
以下是一个使用 ES6 语法编写的 JavaScript 模块的示例代码：
-- -------------------- ---- -------
-- --------------
----- ------- -
----------------- -
--------- - -----
-
---------- -
------------------- ----------------
-
-
------ ------- --------在运行 npm run build 命令后，上述代码将被转换成以下 ES5 代码：
-- -------------------- ---- -------
-- --------------
---- --------
-------- --------------------------- - ------ --- -- -------------- - --- - - ---------- --- -- -
------------------------------ ------------- -
------ ----
---
--- ---------------- - ------------------------------------------------
--- ---------------- - -----------------------------------------
--- ------------- - ---------------------------------------------
--- ------------- - --------------------------------------
--- ------- - --------- -- -
-------- ------------- -
--- ---------------------------------- ---------
--------- - -----
-
--- ---------------------------------- --
---- -----------
------ -------- ---------- -
------------------- - - --------- - -----
-
----
------ --------
-----
------------------ - --------可以看到，通过 typhonjs-npm-scripts-build-babel 转换后的代码已经可以在浏
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/45880