为 webpack config .env、.env.test 和 .env.production 设置环境文件

【问题标题】：react set environment file for webpack config .env, .env.test and .env.production为 webpack config .env、.env.test 和 .env.production 设置环境文件
【发布时间】：2021-08-24 10:54:39
【问题描述】：

下面是我的 react 应用的 package.json 配置

"scripts": {
"dev": "webpack-dev-server --mode=development",
"prod": "webpack --mode=production"
}

如何设置 .env、.env.test 和 .env.production 环境变量以将值传递给process.env

【问题讨论】：

标签： reactjs webpack environment-variables

【解决方案1】：

您可以使用cross-env。我建议对不在 docker 容器中运行的应用程序使用 cross-env

"scripts": {
  "dev": "cross-env MODE=development webpack-dev-server --mode=development",
}

这样你就可以在你的 webpack 配置文件中访问 process.env.MODE

如果您想在客户端代码中访问 proccess.env，您应该使用 DefinePlugin

【讨论】：

您能否建议我如何使用 .env 和 .env.production 等环境文件。我不会在命令行中传递变量