前端开发需要面临不同的环境和语言，但最广泛和通用的编程语言是 JavaScript。然而，这门语言也有其限制和缺点，这就是引入 Babel，一款被广泛使用的 JavaScript 编译器。Babel 用于转换 ECMAScript 2015+ 代码（或是最新的 JavaScript 语言规范）为向后兼容的 JavaScript 代码。这篇文章将介绍 @babel/node 这一 npm 包的使用教程。
什么是 @babel/node
首先，我们需要了解一下什么是 @babel/node。简单来说，它提供了一个可以使用实时转换的终端，用于可以运行你的工程文件。通过这个终端，即可使用 ES6+ 语法。
这个 npm 包是基于 Babel 命令行接口 的项目，它包含了对敲击式的调用模式维护的全局文件，这可以被一个或者多个进程调用。这个模式则给开发者提供了一个将默认/Babel 的语言环境放在本地/项目中的机会。
开始使用 @babel/node
了解清楚了 @babel/node 后，让我们开始使用它。
首先，我们需要安装它：
npm i @babel/core @babel/node -D
然后，在你的 package.json 文件中，加入以下内容：
{
"scripts": {
"start": "babel-node ./src/index.js"
}
}这段代码的意思是我们在项目中运行 npm run start 命令时，就可以在 index.js 文件中使用最新的 ECMAScript 句法了。
配置 @babel/node
默认情况下，@babel/node 将使用 .bablerc 文件作为配置文件。然而，你也可以使用 babel.config.js 文件作为配置文件。我们接下来在 babel.config.js 文件中进行配置。
-- -------------------- ---- -------
-------------- - -
-------- -
-
--------------------
-
-------- -
----- ---------
-
-
-
-
--在这个配置文件中，我们使用了 @babel/preset-env，其目标是转化最新版本的 ECMAScript 代码。
除此之外，@babel/node 亦支持其他的 Babel 插件和配置。开发者可以自定义 Babel 插件和配置到该领域内。
示例代码
为了更好的说明 @babel/node 的使用，接下来我们来看一个示例代码。
-- -------------------- ---- ------- -- -------------- ------ ---- ---- ------- ----- ------ - --------------------------- --------- -- - ----------------------- - --------------- ------------ --- --------------------- ---------- --------------- --- ------------------- -- -- - ------------------- ------- -- ------------------------- ---
现在我们再次运行 npm run start，你会看到输出结果如下：
Server running at http://localhost:8888/
到这里我们已经可以从容的使用 @babel/node 和最新的 ECMAScript 代码了。
结论
总结一下，@babel/node 是一个方便且实用的 npm 包，它不仅能够使用实时转换的终端，也可以在项目中使用最新的 ECMAScript 句法。 如果你也遇到了类似的问题，那么不妨尝试一下 @babel/node，相信你也会喜欢上它。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/84522