在前端开发中，我们经常需要导入其他 JS 文件或模块以便于代码的复用和管理。传统的方法是使用 CommonJS 或 AMD，但随着 ECMA 6 中的模块标准的正式发布，现在可以使用 import/export 语句来导入/导出 JS 模块。
然而，在 Node.js 中使用 import/export 仍然不能直接运行。这是因为 Node.js 默认仍然使用 CommonJS 规范，而我们需要使用 babel 转换语法，然后再使用 webpack 打包应用程序。这种方法显然增加了开发的复杂度和难度。
因此，本文介绍了一个 npm 包 @std/esm，使用它可以让我们在 Node.js 中直接使用 import/export 语句，而不需要先进行其他的转换和打包。
安装
在命令行中输入以下命令来安装 @std/esm：
--- ------- --------
安装完成之后，你可以在你的项目中直接使用 import/export 语句，而无需进行其他操作即可启用 ES6 模块规范。
使用
以下是一个简单的示例代码：
-- -------- ------ - --- - ---- ------------ ------------------ ----
-- ------- ------ -------- ------ -- - ------ - - -- -
使用以上代码，在命令行中输入 node index.js 即可输出结果：3。
指南
@std/esm 提供了许多选项以供我们选择。以下是一些重要的指南：
设置默认 loader
如果你使用的是 TypeScript 或者 CoffeeScript 等其他语言进行开发，你可以在运行 Node.js 时通过添加 loader 来使用这些特定语言的模块。
例如，在运行 Node.js 时通过以下命令来使用 TypeScript 的模块：
---- -- ---------------- ------
而使用 @std/esm，则可以通过以下命令实现：
---- -- -------- ------
同时使用 CommonJS 和 ESM
在许多情况下，你需要同时使用 CommonJS 和 ESM 模块。例如，在旧的模块系统中使用的模块需要在新模块系统中重新实现。
你可以通过以下方式实现同时使用两种模块系统：
------ - ------------- - ---- --------- ----- ------- - ------------------------------- ----- ---------- - -------------------------
这里新建了一个 require 函数来加载 CommonJS 模块，然后可以使用使用 import/export 来加载你的 ESM 模块。
结论
相比于其他传统的模块系统，使用 ESM 可以带来许多好处，例如模块定义的更加清晰和规范化，使得应用程序更加容易维护和升级。而使用 @std/esm，我们可以在 Node.js 中直接使用 import/export 语句，节省了其他的转换和打包步骤，让我们的开发更加流畅和高效。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/std-esm