在现代前端开发中，使用ES6的模块系统已经成为一种标准的方式。然而，有些库或者代码仍然是基于CommonJS或者全局变量的，这就需要将它们转化成ES6的模块才能在新的项目中使用。
把代码迁移到ES6的模块也并不是一件简单的事情。在这个过程中，我们可能遇到一些问题，例如：全局变量、CommonJS的require等等。但不用担心，我们可以使用npm包@migrate-to-esm/good-listener快速的把代码迁移到ES6的模块。
安装
首先，我们需要在项目中安装@migrate-to-esm/good-listener。
npm install @migrate-to-esm/good-listener
使用方法
@migrate-to-esm/good-listener的使用方法很简单。我们只需要将需要迁移的js文件传递给goodListener，它就会自动将文件中的所有全局变量和CommonJS的require分析并转换成ES6的模块。
import { goodListener } from '@migrate-to-esm/good-listener';
goodListener({
files: ['./path/to/your/file.js'],
root: process.cwd()
});这里我们使用了ES6的import语法来引入MigrateToEsm的goodListener。goodListener接受一个对象参数，包含要转换的文件路径列表和根目录（如果有必要）。
示例
-- -------------------- ---- -------
-- ------
---- --------
----------------- -
--- ------ - ---
-------- ---------- -
------ -------
-
---------- - -
--------- --------
--
---------import { goodListener } from '@migrate-to-esm/good-listener';
goodListener({
files: ['./foo.js'],
root: process.cwd()
});
console.log(Foo.getValue()); // 42这里我们只引用了一个文件，但你也可以引用一个文件夹或者一个通配符。
注意，goodListener作为一个转换器，会在原文件上修改，在执行时会有一定延迟。因此，在执行转换之后，你需要等待一段时间才能看到转换的结果。
总结
使用@migrate-to-esm/good-listener可以帮助我们快速地将代码迁移到ES6的模块。同时，它还可以提供一些常用的选项，例如对全局变量的转换，对CommonJS的require的支持，对默认导出的合并等。因此，它是前端开发中不可或缺的npm包之一。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600668ebd9381d61a3540c5b