前言
在前端开发中,经常会用到一些古老的 JavaScript 库,它们的全局变量不支持 ES6 的 import,此时可以使用 meteor-globals 这个 npm 包来解决这个问题。本文将详细介绍如何使用 meteor-globals。
安装
使用 npm 安装 meteor-globals:
--- - --------------
使用
在需要全局变量的文件中,使用如下方式:
------ - ------ - ---- -----------------
这将会在当前 module 中导入全局变量。
示例
------ - ------ - ---- ----------------- ----------------- -- - -- ------------ ------------------ --------- ---
在上面的代码中,我们使用了 Meteor 全局变量的 .startup()
方法,当客户端启动时,这段代码将运行,并输出 Hello World!
。
有意思的事
在 meteor-globals 中,所有的模块都是以模块名称为 key 的对象,这样就可以使用 ES6 的 destructuring 语法来导入多个全局变量了:
------ - ------- -- - - ---- -----------------
在上面的代码中,我们使用了 Meteor
, _
, $
三个全局变量。
结论
使用 meteor-globals 包可以让你在使用全局变量的同时享受 ES6 模块的优点。使用起来也十分简单,推荐使用。
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/60066f411d8e776d08040d8b