node.js - 如何为不同阶段的React应用程序构建？

Question

我有一个单页应用程序，它是一个 react 应用程序。我正在使用 webpack。我在为测试、测试版和生产版等每个阶段配置服务器 API URL 时遇到问题。

有一些标准的方法吗？

Answer 1

创建一个 .env 并在其中添加变量，确保它们以 REACT_APP 为前缀，例如REACT_APP_SERVER_URL=https://example.com

您可以为开发、生产、测试​​等创建多个 env 文件，例如 .env.local、.env.prod

从 npm 命令注入(inject)的 env 文件

npm start: .env.development.local, .env.development, .env.local, .env
npm run build: .env.production.local, .env.production, .env.local, .env

在代码中使用变量，例如

if (process.env.NODE_ENV !== 'production') {
    analytics.disable();
 }

或者

 <b>{process.env.NODE_ENV}</b>

引用https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/template/README.md#adding-development-environment-variables-in-env