javascript - 为生产、开发、发布设置单独的变量值

Question

我正在尝试找出一种方法来根据正在开发、登台或生产的应用程序设置不同的 API 端点。

我看到许多开发人员使用了 process.env.NODE_ENV 行，但我尝试了，但收到一条错误消息

property env is undefined

在我的组件和操作中尝试过这个，但没有运气。我不完全理解为什么这可以在某些地方使用但在其他地方则不能。并想知道是否有其他解决方案可以解决该问题？

Answer 1

环境变量对于指定敏感配置选项或什至删除库中未使用的代码(例如 React)非常有用

您需要首先指定您的第一个环境变量。

如果您使用 Mac OS 或 Linux，那么您只需运行

FOO=bar npm run start

这样您就定义了 process.env.FOO 并创建了 process.env 变量。

如果您更广泛地使用环境变量，您可以受益于 better npm rum 。在 package.json 中，您可以定义跨平台的环境变量，如下所示:

"start-prod": {
  "command": "node ./bin/server.js",
  "env": {
    "NODE_PATH": "./src",
    "NODE_ENV": "production",
    "PORT": 8080
  }
},
"start-dev": {
  "command": "node ./bin/server.js",
  "env": {
    "NODE_PATH": "./src",
    "NODE_ENV": "development",
    "PORT": 3000
  }
},

您可以根据自己的喜好使用它，但我当然建议将 NODE_ENV 设置为 true 以进行生产构建。 Node 模块将识别该变量并删除开发代码。通过这个简单的步骤，您的生产版本将会变得更小。

其他用途可能包括使用环境变量来:

• 定义 API key
• 定义 Redux Devtools 等开发工具的可用性
• 特定的build设置(例如在 WebPack 中启用 DLL 构建)

祝你好运!