简介
loose-envify 是一个使用广泛的 npm 包，它可以将 JavaScript 代码中的环境变量替换为运行时的值。这在前端开发中非常有用，特别是在构建过程中需要根据不同的环境（如开发、测试、生产）进行条件编译时。
安装
要安装 loose-envify，只需在终端中运行以下命令：
npm install --save-dev loose-envify
这将在项目中安装 loose-envify 作为开发依赖项。
使用方法
基本用法
要使用 loose-envify，需要在代码中引入它，并将其作为一个 Babel 转换器使用。以下是一个简单的示例：
const envify = require('loose-envify')(process.env);
console.log(envify('process.env.NODE_ENV'));
// output: "development" (or whatever the value of process.env.NODE_ENV is)在上面的示例中，我们首先通过运行 require('loose-envify')(process.env) 来实例化 loose-envify。我们将 process.env 作为参数传递给它，以便在运行时访问当前环境变量。接下来，我们调用 envify() 函数，将 process.env.NODE_ENV 作为参数传递给它，并打印输出结果。在这种情况下，输出应该是 development（或者 process.env.NODE_ENV 变量的值）。
高级用法
除了基本用法外，loose-envify 还提供了一些高级选项，可以帮助你更好地控制代码转换过程。以下是几个例子：
1. 使用自定义环境变量
默认情况下，loose-envify 会将所有标识符中包含 process.env 的部分替换为当前环境变量中相应的值。然而，如果你想使用自己的环境变量，可以通过传递一个对象来覆盖默认的 process.env 对象。
const envify = require('loose-envify')({
MY_VAR: 'my value',
});
console.log(envify('process.env.MY_VAR'));
// output: "my value"在上面的示例中，我们首先创建一个新的 envify 实例，并将一个包含自定义变量的对象传递给它。接下来，我们调用 envify() 函数，将 process.env.MY_VAR 作为参数传递给它，并打印输出结果。在这种情况下，输出应该是 my value。
2. 禁用转换
如果你想完全禁用环境变量的转换，可以将 NODE_ENV 设置为 production，或者将 DEBUG 设置为 false。
-- -------------------- ---- ------- ----- ------ - -------------------------- -------------------------------------------- -- ------- ----------- -------------------- - ------------- -------------------------------------------- -- ------- ------------ ----------------- - -------- ----------------------------- -- ------- -------
在上面的示例中，我们首先创建一个新的 envify 实例，并调用 envify() 函数，将 process.env.NODE_ENV 作为参数传递给它。由于没有设置环境变量，输出应该是 undefined。接下来，我们将 NODE_ENV 设置为 production，并再次调用 envify() 函数。这次，输出应该是 production。最后，我们将 DEBUG 设置为 false 并调用 envify() 函数，将 debug 作为参数传递给它。在这种情况下，输出应该是 `
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/41645