如何为打包后的Electron应用设置可访问的环境变量（electron-builder V23.6）

你遇到的问题核心是：构建脚本里设置的环境变量仅在electron-builder的构建过程中可用，不会自动注入到最终打包的应用运行环境或代码里，所以打包后运行时process.env.MYVAR会返回undefined。以下是几种可行的解决方法：

方法一：通过Webpack DefinePlugin注入（主/渲染进程通用，推荐） #

如果你的Electron项目用Webpack打包主进程或渲染进程，可以用DefinePlugin将环境变量直接注入到代码中，打包后代码里的process.env.MYVAR会被替换为实际值：

在Webpack配置文件中添加：

const webpack = require('webpack');

module.exports = {
  // 其他Webpack配置项
  plugins: [
    new webpack.DefinePlugin({
      'process.env.MYVAR': JSON.stringify(process.env.MYVAR)
    })
  ]
};

配置完成后，主进程和渲染进程都能直接通过process.env.MYVAR访问到变量值。

方法二：写入配置文件作为额外资源打包 #

如果不想修改Webpack配置，可以在构建时把环境变量写入一个JSON文件，作为额外资源打包到应用中，再在代码里读取这个文件：

1. 在electron-builder.config.js中添加构建前的写入逻辑和资源配置：

const fs = require('fs');
const path = require('path');

// 构建前将环境变量写入配置文件
fs.writeFileSync(
  path.join(__dirname, 'env-config.json'),
  JSON.stringify({ MYVAR: process.env.MYVAR })
);

module.exports = {
  // 其他构建配置
  extraResources: ['env-config.json']
};

2. 在Electron主进程中读取该文件：

const path = require('path');
const fs = require('fs');

// 打包后资源文件会放在process.resourcesPath目录下
const envConfigPath = path.join(process.resourcesPath, 'env-config.json');
const envConfig = JSON.parse(fs.readFileSync(envConfigPath, 'utf8'));
console.log(envConfig.MYVAR); // 即可获取变量值

如果渲染进程需要访问，可以通过IPC通信从主进程传递。

方法三：使用electron-builder的build.env配置（仅主进程生效） #

在electron-builder.config.js中配置build.env，可以将环境变量传递给Electron主进程的运行环境：

module.exports = {
  build: {
    env: {
      MYVAR: process.env.MYVAR
    }
  }
};

注意这个配置仅对主进程生效，渲染进程需要访问的话，需要通过IPC通信从主进程获取。

内容的提问来源于stack exchange，提问作者LAZ