覆盖构建配置

Question

我正在开发一个带有 webpack 的 react/electron 项目，用于捆绑和 electron-builder 来编译构建。我试图通过在应用程序的安装目录中提供自定义配置文件来覆盖环境变量，从而在编译后覆盖构建配置。我已经验证了process.env 更新，但配置变量仍然使用编译时使用的旧配置。有什么办法可以实现吗？

例如

const apiKey = process.env.APIKEY

在这种情况下，process.env.APIKEY 具有更新的配置，但 apiKey 仍指向编译构建时使用的旧密钥。

Answer 1

1. 首先安装 dotenv - npm install dotenv

2. 在与package.json 相同的文件夹中创建一个.env 文件

3. 然后创建以→REACT_APP_开头的环境变量

   第 3 点示例：

   在.env文件内→REACT_APP_URL_PATH=xxxxx

4. 在本地启动您的项目并添加一些console.log(process.env.REACT_APP_URL_PATH) 只是为了检查。

5.- 做电子的事。

↓↓↓↓↓ npm dotenv ↓↓↓↓↓

https://www.npmjs.com/package/dotenv