electron 爬坑指南

放眼望去，又是好久没写文章了，最近在学习electron 一圈下来坑也不少，在此记录一下。

坑1：采用electron forge 打包图标，和安装程序动画问题

这里的图标涉及多个1是安装后的图标，2是安装过程中原生的那个很丑的动画,3是窗口界面的小图标

1、2 解决方式参考如下代码即可：

 注意 packagerConfig icon 的设置，我这里只是windows 平台其他平台注意不同平台图标的规范

 "forge": {
      "packagerConfig": {
        "icon": "icon/ico/icon",
        "asar": true,
        "overwrite": true
      },
      "makers": [
        {
          "name": "@electron-forge/maker-squirrel",
          "config": {
            "name": "xxx",
            "loadingGif":"icon/loading.gif",
            "setupIcon":"icon/ico/icon.ico",
            "iconUrl":"https://xxx.com/api/icon.ico"

          }
        },

 3.问题解决方式

  窗口设置icon 即可

  mainWindow = new BrowserWindow({
    width: 1440,
    height: 900,
    resizable:false,


    icon:"icon/ico/icon.ico",
    webPreferences: {
      preload: path.join(__dirname, 'preload.js'),
      enableRemoteModule: true,
      offscreen:false, //开启后不显示内容
      nodeIntegration:true,
      contextIsolated:true
    }
  })

坑2：安装程序过程中界面会多次出现

 解决方式：

if (require('electron-squirrel-startup')) return app.quit();

坑3：生成的打包图始终未变

 这个问题其实是由于windows 的图标缓存导致的(⊙o⊙)… ，吧这个文件改个名字直接就变了害的我查了半天