如何替换Electron Forge打包的Electron程序默认启动画面

要替换Electron Forge打包后EXE的默认启动画面，核心是修改打包工具（通常是Squirrel.Windows）的配置，指定自定义资源，具体步骤如下：

1. 准备自定义启动画面资源 #

• 推荐使用256×256像素的PNG图片（支持透明通道，避免拉伸变形），将图片放在项目的资源目录中，比如./assets/splash.png。
• 确保图片路径在项目中可被打包工具访问。

2. 修改Electron Forge配置文件 #

打开项目根目录下的forge.config.js（或forge.config.ts，语法对应调整），在makers配置中针对@electron-forge/maker-squirrel添加loadingGif字段：

module.exports = {
  packagerConfig: {
    // 可选：同时替换程序图标
    icon: './assets/app-icon.ico'
  },
  makers: [
    {
      name: '@electron-forge/maker-squirrel',
      config: {
        // 指定自定义启动画面的路径
        loadingGif: './assets/splash.png',
        // 其他Squirrel配置（如安装包图标）可按需添加
        setupIcon: './assets/setup-icon.ico'
      }
    }
    // 其他打包工具配置（如NSIS、ZIP等）可保留
  ]
};

3. 重新打包生成EXE #

运行以下命令重新构建并生成安装包：

npm run make
# 或 yarn make

注意事项 #

• 路径正确性：loadingGif的路径是相对于项目根目录的，务必确保路径准确，否则会继续使用默认启动画面。
• 适配其他打包工具：如果使用的是NSIS而非Squirrel.Windows，需要通过NSIS脚本插件（如nsis-splash）实现启动画面替换，配置逻辑会有所不同。
• 测试验证：打包完成后，安装生成的EXE文件，启动程序即可看到自定义启动画面。

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