简介
在前端开发中，在不同的环境中（如本地、测试、生产等）需要使用不同的配置变量，而通过手动更改这些变量是非常麻烦的。因此，我们可以使用 envpm 这个工具来轻松管理这些配置变量。
安装
我们可以通过以下命令来安装 envpm：
npm i envpm -g
配置
在项目根目录下新建 envConfig 目录，并在其中创建不同的环境配置文件，如下所示：
- envConfig - dev.env - test.env - prod.env
在文件中，我们可以定义我们需要的配置变量。例如在 dev.env 中，我们可以定义如下的配置信息：
NODE_ENV=development API_URL=http://localhost:3000
使用
在我们的前端代码中，我们可以通过使用 process.env 来获取配置信息。例如：
const apiUrl = process.env.API_URL const nodeEnv = process.env.NODE_ENV
当我们需要在不同的环境中使用不同的配置时，我们可以通过 envpm 工具来切换配置。例如，我们要切换到测试环境，我们可以运行以下命令：
envpm use test
此时，envpm 会自动将 test.env 文件中的配置信息写入到环境变量中。这时候我们再次运行我们的前端代码，就可以获取到测试环境的配置信息了。
示例代码
// .env 配置 API_URL=http://localhost:3000
// index.js const apiUrl = process.env.API_URL; console.log(apiUrl); // 输出：http://localhost:3000
# 切换环境至测试环境 envpm use test
// test.env 配置 API_URL=http://api.test.com
此时运行 index.js，我们可以看到控制台输出了测试环境的配置信息：http://api.test.com。
总结
通过使用 envpm 工具，我们可以轻松地管理不同环境中的配置信息。同时，我们可以将这些配置信息与我们的代码进行分离，便于维护和协作。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066e26a563576b7b1ecf81