在前端开发中，我们经常会使用 ES6 的模块化语法来组织代码。然而，由于一些历史原因，Node.js 等后端环境并不支持 ES6 的模块化语法，而是采用了 CommonJS 的模块化规范。因此，为了在 Node.js 中使用 ES6 的模块化语法，我们需要将 ES6 模块转换为 CommonJS 模块。本文将介绍如何使用 Babel 进行转换。
Babel 简介
Babel 是一个 JavaScript 编译器，可以将 ES6+ 的代码转换为向后兼容的 JavaScript 代码。它支持将 ES6 的模块化语法转换为 CommonJS、AMD、UMD 等多种模块化规范。
安装 Babel
首先，我们需要安装 Babel。可以使用 npm 进行安装：
--- ------- ---------- ----------- ---------- -----------------
这里安装了三个包：
@babel/core：Babel 的核心模块，提供了编译 API。@babel/cli：Babel 的命令行工具。@babel/preset-env：Babel 的预设，可以根据目标环境自动选择需要转换的语法。
配置 Babel
接下来，我们需要创建 Babel 的配置文件 .babelrc。这个文件告诉 Babel 如何进行转换。
-
---------- -
-
--------------------
-
---------- -
------- ---------
-
-
-
-
-这里使用了 @babel/preset-env，并指定了目标环境为当前的 Node.js 版本。这样，Babel 就会根据当前的 Node.js 版本自动选择需要转换的语法。
转换 ES6 模块
有了配置文件后，我们就可以使用 Babel 将 ES6 模块转换为 CommonJS 模块了。
假设我们有一个 ES6 模块 math.js，内容如下：
------ -------- ------ -- - ------ - - -- - ------ -------- ----------- -- - ------ - - -- -
我们可以使用以下命令将其转换为 CommonJS 模块：
--- ----- ------- ---------- -----------
这里使用了 npx 命令来运行 Babel，math.js 是要转换的文件，--out-file 参数指定了输出文件的名称。
转换后的文件 math.cjs.js 内容如下：
---- -------- ------------------------------ ------------- - ------ ---- --- ---------------- - ----------- - ---- -- -------- ------ -- - ------ - - -- - ----------- - ---- -------- ----------- -- - ------ - - -- - ---------------- - ---------
可以看到，Babel 将 ES6 的 export 转换为了 CommonJS 的 exports。
使用转换后的模块
最后，我们可以在 Node.js 中使用转换后的 CommonJS 模块了。假设我们有一个 Node.js 文件 index.js，内容如下：
----- - ---- -------- - - ---------------------- ------------------ ---- ----------------------- ----
这里使用了 require 来引入转换后的模块。
运行 index.js，输出结果如下：
- --
总结
使用 Babel 将 ES6 模块转换为 CommonJS 模块，可以让我们在 Node.js 中使用 ES6 的模块化语法，提高代码的可读性和可维护性。本文介绍了如何安装和配置 Babel，以及如何使用 Babel 进行转换。希望本文能够对大家有所帮助。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65fed5dbd10417a222a0a9ef