在现代化的 Web 开发中，前端工程师们经常会用到一些 JavaScript 模块化的工具，例如 Webpack、Rollup 等。而这些工具依赖于 npm 包来完成各种 JavaScript 模块化的任务。在这些 npm 包中，有一个非常重要的概念就是 ES 模块（ES Modules）。ES 模块是一种 JavaScript 模块化的方式，可以用来组织和管理 JavaScript 代码。在本文中，我们将介绍一个 npm 包，它可以让我们轻松地将 ES 模块转换成标准的 CommonJS 模块，从而让我们的代码更加易于使用和维护。
@sewing-kit/plugin-package-esnext 简介
@sewing-kit/plugin-package-esnext 是一个基于 @sewing-kit/package 的 npm 包，它可以将 ES 模块转换成 CommonJS。它的原理是通过使用 Babel 来转换 ES 模块。这个 npm 包的使用非常简单，只需要安装它并配置一些参数，就可以将 ES 模块转换成 CommonJS。
安装
为了使用 @sewing-kit/plugin-package-esnext，我们需要在项目中安装它。首先，我们需要在项目中初始化一个 npm 包：
$ npm init
这个命令将为我们创建一个 package.json 文件，我们可以在这个文件中配置我们的项目。接下来，我们需要安装 @sewing-kit/plugin-package-esnext：
$ npm install --save-dev @sewing-kit/plugin-package-esnext
这个命令将会安装 @sewing-kit/plugin-package-esnext，它将作为我们项目的一个依赖项。
使用
安装完 @sewing-kit/plugin-package-esnext 后，我们需要在我们的项目中配置它的使用方法。首先，我们需要在项目的 package.json 文件中添加以下配置代码：
{
"sewing-kit": {
"plugins": [
"@sewing-kit/plugin-package-esnext"
]
}
}这个配置告诉了 sewing-kit 工具使用 @sewing-kit/plugin-package-esnext 插件来处理项目中的 ES 模块。接下来，我们需要给这个插件添加一些配置项。这些配置项需要写在项目的 sewing-kit.config.js 文件中。以下是一个样例文件：
-- -------------------- ---- -------
-- --------------------
-------------- - -
-------- -
----------------------------------------------
-- --------
-- ---
-------- ----------------
-------- ------------------- -----------
--
-
-在这个样例文件中，我们简单地配置了 @sewing-kit/plugin-package-esnext 的两个参数：include 和 exclude。include 参数指定了需要处理的 ES 模块文件，而 exclude 参数指定了不需要处理的文件。这些参数都是通过 glob 形式指定的。
最后，我们只需要运行以下命令，就可以将 ES 模块转换成 CommonJS：
$ npx sewing-kit package
可以在 package.json 中编写 scripts 命令提供快速执行。
{
"scripts": {
"package": "npx sewing-kit package"
},
}示例代码
以下是一个使用示例，我们定义了一个名为 Hello 的 ES 模块，它导出了一个名为 sayHello 的函数：
// Hello.js
export const sayHello = () => {
console.log('Hello');
}使用 @sewing-kit/plugin-package-esnext 插件后，可以将它转换为一个标准的 CommonJS 模块：
-- -------------------- ---- ------- -- -------- ----- -------- - -- -- - --------------------- - -------------- - - -------- --
转换后，我们就可以在其他地方使用 CommonJS 模块加载器来加载这个模块：
// app.js
const Hello = require('./Hello');
Hello.sayHello(); // 输出: 'Hello'总结
在本文中，我们介绍了 @sewing-kit/plugin-package-esnext 这个 npm 包，它可以轻松地将 ES 模块转换成标准的 CommonJS 模块。如果你正在开发一个需要在多个地方使用的 JavaScript 应用程序或库，那么使用 ES 模块和 @sewing-kit/plugin-package-esnext 是一个非常不错的选择。通过将代码转换为标准的 CommonJS 模块，我们可以确保代码在各种环境中都可以被正确地运行。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f3cf94fdbf7be33b25670f4