npm 包 @std/esm 使用教程

在前端开发中，我们经常需要导入其他 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：

npm install @std/esm

安装完成之后，你可以在你的项目中直接使用 import/export 语句，而无需进行其他操作即可启用 ES6 模块规范。

使用

以下是一个简单的示例代码：

// index.js
import { add } from './math.js';
console.log(add(1, 2));

// math.js
export function add(a, b) {
  return a + b;
}

使用以上代码，在命令行中输入 node index.js 即可输出结果：3。

指南

@std/esm 提供了许多选项以供我们选择。以下是一些重要的指南：

设置默认 loader

如果你使用的是 TypeScript 或者 CoffeeScript 等其他语言进行开发，你可以在运行 Node.js 时通过添加 loader 来使用这些特定语言的模块。

例如，在运行 Node.js 时通过以下命令来使用 TypeScript 的模块：

node -r ts-node/register app.ts

而使用 @std/esm，则可以通过以下命令实现：

node -r @std/esm app.js

同时使用 CommonJS 和 ESM

在许多情况下，你需要同时使用 CommonJS 和 ESM 模块。例如，在旧的模块系统中使用的模块需要在新模块系统中重新实现。

你可以通过以下方式实现同时使用两种模块系统：

import { createRequire } from 'module';
const require = createRequire(import.meta.url);
const yourModule = require('./your/module');

这里新建了一个 require 函数来加载 CommonJS 模块，然后可以使用使用 import/export 来加载你的 ESM 模块。

结论

相比于其他传统的模块系统，使用 ESM 可以带来许多好处，例如模块定义的更加清晰和规范化，使得应用程序更加容易维护和升级。而使用 @std/esm，我们可以在 Node.js 中直接使用 import/export 语句，节省了其他的转换和打包步骤，让我们的开发更加流畅和高效。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/std-esm