什么是 import-global-loader
import-global-loader 是一个 NPM 包，用于将全局变量作为依赖项导入到您的项目中。它允许您轻松地使用在项目之外定义的全局变量，从而向您的应用程序中添加功能或库。import-global-loader 可以使用 Webpack 或者 Browserify 构建工具，无需手动管理依赖。
import-global-loader 的使用
安装
您可以在项目中使用 npm 或者 yarn 安装 import-global-loader：
--- ------- -------------------- ----------
---- --- -- --------------------
配置
Webpack 配置
在 webpack.config.js 文件中，添加到 module.rules 数组中：
-
----- --------
------- -----------------------
-------- -
---------- -
-- ----
------- ---------
------- ---------
-- ----
-------- --------
--
--
-Browserify 配置
在 Browserify 应用中，你可以使用 b.transform 方法（或者在 CLI 中使用 --transform 参数）加载 import-global-loader：
----------------------------------- -
---------- -
-- -------
------- ---------
------- ---------
-------- --------
--
---代码示例
您可以在任何 JavaScript 模块中使用全局变量：
------ - ------- ------ - ---- --------- ------ - ------- - ---- --------- ------------------- ------- ---- ------------------ ------------------- ------- ---- ------------------ --------------- ------- ---- ---------
参数
可以使用以下选项来配置 import-global-loader：
variables
一个对象，其中键名是缺少的全局变量，在值是在 require 上下文中替换该变量的字符串。例如：
- ------- --------- ------- ------------------- -------- ------------------------- -
变量可以使用以下格式：
- 目录和文件名，如
./scripts/my-lib.js。 - 包和文件名，如
my-lib/file.js。 - 包名称和版本，如
my-lib@2.0.0/file.js。 - 包名称和版本范围，如
my-lib@^2.0.0/file.js。
globals
一个对象，其中键名是全局变量名称，值是 true 或者 false，表示在模块中是否应该将该全局变量包含在内。例如：
- ------- ----- -- ----- --------- ------ -- ------ -
总结
import-global-loader 可以轻松地将全局变量作为依赖项导入到您的项目中，从而向您的应用程序中添加功能或库。使用 import-global-loader 可以不用手动管理对全局对象的依赖，大大简化了前端开发的工作。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/66554