javascript - React - 开发和生产中的环境变量

标签 javascript node.js reactjs environment-variables next.js

据我读过here ,React确实支持环境变量,只要它们以REACT_APP_为前缀。但是,我在开发和生产中需要它们。我怎样才能获得这种支持?

注意:我使用的是 Next.js

最佳答案

我确信这个问题以前已经得到过回答,但它在您链接的内容上说得对。在项目的根目录中创建 2 个文件,.env.development 和 .env.Production(与 package.json、.gitignore 等级别相同)。根据下面列出的层次结构,无论您运行哪个脚本,都将决定使用哪个脚本。

.env: Default.
.env.local: Local overrides. This file is loaded for all environments except test.
.env.development, .env.test, .env.production: Environment-specific settings.
.env.development.local, .env.test.local, .env.production.local: Local overrides of environment-specific settings.


Files on the left have more priority than files on the right:

npm start: .env.development.local, .env.development, .env.local, .env
npm run build: .env.production.local, .env.production, .env.local, .env
npm test: .env.test.local, .env.test, .env (note .env.local is missing)

关于javascript - React - 开发和生产中的环境变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56692876/

相关文章:

javascript - 状态已更改,但组件未刷新

node.js - 以 root 身份运行 Node.js 脚本的 Elastic beanstalk

node.js - 了解 Web 驱动程序 API

css - React - 使用三元在功能组件中应用 CSS 类

reactjs - React-snap 并注册 service worker

Javascript JSX,非法导入声明

javascript - Aurelia 以及导入和使用 Highcharts X-range

javascript - 根据路线切换 ng-include 的可见性

javascript - 在 pickadate 中为月份索引添加 +1

node.js - 如何使用 Node 12 为 AWS Lambda 函数创建事件响应?