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