随着前端技术的不断发展，我们使用的 JavaScript 库和框架也越来越多，管理这些第三方模块的工具也愈发重要。其中，npm 是一个极其流行的 JavaScript 包管理器，提供了大量的开源模块供我们使用。但由于不同的模块适用于不同的环境，因此我们需要一种机制来适配这些模块到我们想要的环境中。而这就是 @pkgr/umd-globals 要解决的问题。
了解 @pkgr/umd-globals
@pkgr/umd-globals 是一个用于将 UMD 规范的 JavaScript 模块导出为全局变量的工具，让我们可以在浏览器内直接使用这些库。相较于手动配置 UMD 规范输出的全局变量，使用 @pkgr/umd-globals 更加方便快捷。
安装和使用
安装 @pkgr/umd-globals 可以通过 npm 包管理器进行全局安装：
npm install --global @pkgr/umd-globals
在安装完成后，我们就可以使用 pkgr 命令来将 UMD 规范的 JavaScript 模块导出为全局变量了。下面是一个简单的示例，我们将 lodash 库导出为全局变量，可以在浏览器环境中使用。
- 安装 lodash 模块
npm install lodash- 使用 pkgr 将 lodash 导出为全局变量
pkgr umd-globals lodash -o lodash
在这个命令中，我们使用 umd-globals 命令来告诉 pkgr 要使用这个工具，然后指定了要导出的模块 lodash。-o 参数用来指定导出的全局变量的名称，这里我们将它导出为 lodash。
使用之后，我们可以在浏览器控制台中输入 window.lodash 来验证全局变量是否已经成功导入。
@pkgr/umd-globals 的高级使用
除了上面的简单示例外，@pkgr/umd-globals 还提供了一些高级功能，让我们可以更加灵活地使用它。
- 将多个模块导出为全局变量
我们可以一次性将多个模块导出为全局变量，同时使用 --output/-o 参数来指定每个模块要导出的全局变量名称。
pkgr umd-globals lodash moment --output lodash=_ lodash.moment=moment
在这个命令中，我们指定将 lodash 和 moment 两个模块导出为全局变量。-o 参数使用参数值与等号分隔，前面是要导出的全局变量名称，后面是指定的导出路径，使用点号分隔。
- 将多个模块合并导出为全局变量
在某些场景中，我们可能需要将多个模块合并到一个全局变量中导出。这时可以使用 --merge/-m 参数，并传入要导出的模块名称与导出的全局变量名称。
pkgr umd-globals lodash jquery --merge lodash.jQuery=jquery
在这个命令中，我们将 lodash 与 jquery 两个模块合并到 lodash.jQuery 这个全局变量中导出。
总结
通过本文，我们了解了 npm 包 @pkgr/umd-globals 的作用与使用方法。可以看出，使用它能够很方便地将 UMD 规范的 JavaScript 模块导出为全局变量，并在浏览器中直接使用。无论是在面对第三方库的适配问题，还是在开发自己的类库时，@pkgr/umd-globals 都是一个非常实用的工具。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedaf22b5cbfe1ea0610f9d
