reactjs - 无需重建即可将不同的环境变量传递给 React 应用程序

Question

我使用 cra，并通过 .env 文件传递​​变量。在构建过程中，webpack 将对 process.env... 的引用替换为 .env 文件中的值，结果 block 包含“硬编码”值，这就是为什么我每次都必须重建应用程序以将其部署到不同的位置环境。

我该如何配置 webpack，而不是仅仅为了更改环境变量而重建整个应用程序？

Answer 1

您构建的 React 应用只是一堆静态 JavaScript 文件。如果您想改变静态包中的内容，您需要重新构建应用。

如果您想动态加载环境变量，您需要在服务器上呈现您的 JavaScript。

或者，将 JavaScript 包构建为部署管道的一部分，以便它为您自动执行。像 Netlify 这样的工具会为您做这件事，并允许您配置要传入的环境变量。