什么是npm?
npm是Node Package Manager的缩写，是Javascript的包管理工具，它可以方便地从该服务的实时数据库中下载和安装包，安装的包都是存储在项目目录下的node_modules文件夹中。
什么是@zdychacek/insert-module-globals?
@zdychacek/insert-module-globals是一个nodejs包，它可以将常见的全局变量（比如__dirname, __filename, process等）转换成浏览器环境下的变量。
在NodeJS中，我们可以直接使用全局变量，但是在浏览器环境下，这些全局变量并不会起作用。因此，如果我们需要将我们的代码在NodeJS中运行，在浏览器环境下运行，一般来说，我们需要对代码进行处理。
这就是@zdychacek/insert-module-globals的作用：为我们在浏览器环境中运行的代码注入模块全局变量。
如何使用@zdychacek/insert-module-globals?
首先，我们需要在项目中使用npm安装@zdychacek/insert-module-globals：
npm install @zdychacek/insert-module-globals --save-dev
然后，在我们的前端代码中，我们需要使用该包提供的插件来注入模块全局变量。具体做法是：
-- -------------------- ---- ------- ----- ------------------- - -------------------------------------------- ----- ------ - ---- --------- - ---- ------------------------- ----- ----------- - --------------------------- - ------ ------ -- -------- -------- -------------------- -- ---- --------------- ----- -- ------- ---------- ------ -- ------- ----------- --------- -- -------- ------------ ------ -- ----------- --- ------------------------------ -- -- --- ---------- ------------- -- --------------------- ----- - -- ---- --------- - ---------------- -- ------- - -- ---------------------------
这段代码可以将我们提供的源代码作为一个字符串传递给insertModuleGlobals函数，并且可以通过第二个参数指定一些选项，比如是否生成源映射。
示例代码
下面是一个使用该包的简单的示例代码：
-- -------------------- ---- ------- ----- ------------------- - -------------------------------------------- ----- ------ - - ----- ---- - ---------------- ----------------------- ------------------------ ---------------------------------- -------------------------------------- -- ----- ----------- - --------------------------- - ------ ------ -------- -------------------- --------------- ----- ---------- ------ ----------- --------- ------------ ------ --- ------------------------------
这段代码中，我们使用了NodeJS中的require函数来引入path模块，然后打印了一些全局变量，比如__dirname和__filename，以及process.env.NODE_ENV环境变量。
在经过insertModuleGlobals的转换后，我们的代码就可以在浏览器环境下运行了。
总结
通过使用@zdychacek/insert-module-globals，我们可以方便地将我们的前端代码在NodeJS环境下运行，在浏览器环境下运行。这种工具能够提高我们的开发效率，减少在浏览器环境下的调试时间。同时，使用该包还可以在一定程度上增加我们代码的可移植性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055d5681e8991b448db1d0