构建项目可以使用electron-forge构建，但是这个东西打包比较坑，mac运行报错，win下会有缓存机制，也就是热更新无效

所以选择使用electron-packager打包

sudo npm install electron-packager -g

到项目根目录下，执行下面命令即可打包，速度还挺快，比electron-forge打包快很多

win:

electron-packager ./ --platform=win32 --icon=src/icon2.ico 

mac:

electron-packager ./ --platform=darwin --icon=src/icon2.icns --out=../../

png转icns图标文件

mac下图标文件是icns，网上有些png装icns转出来的文件用不了，可以使用mac自带命令，把png转成icns

快速生成Mac图标

第一步 生成不同尺寸的png图标

创建icons.iconset文件夹用来放置不同尺寸的图标

注：此文件夹名必须以.iconset结尾，否则生成icns文件时会报错，报错信息为invalid iconset

在命令行中进入目录，并执行以下命令（可以批量复制粘贴执行）

1.  
   sips -z 16 16 pic.png --out icons.iconset/icon_16x16.png
2.  
    
3.  
   sips -z 32 32 pic.png --out icons.iconset/icon_16x16@2x.png
4.  
    
5.  
   sips -z 32 32 pic.png --out icons.iconset/icon_32x32.png
6.  
    
7.  
   sips -z 64 64 pic.png --out icons.iconset/icon_32x32@2x.png
8.  
    
9.  
   sips -z 64 64 pic.png --out icons.iconset/icon_64x64.png
10.  
     
11.  
    sips -z 128 128 pic.png --out icons.iconset/icon_64x64@2x.png
12.  
     
13.  
    sips -z 128 128 pic.png --out icons.iconset/icon_128x128.png
14.  
     
15.  
    sips -z 256 256 pic.png --out icons.iconset/icon_128x128@2x.png
16.  
     
17.  
    sips -z 256 256 pic.png --out icons.iconset/icon_256x256.png
18.  
     
19.  
    sips -z 512 512 pic.png --out icons.iconset/icon_256x256@2x.png
20.  
     
21.  
    sips -z 512 512 pic.png --out icons.iconset/icon_512x512.png
22.  
     
23.  
    sips -z 1024 1024 pic.png --out icons.iconset/icon_512x512@2x.png

pic.png替换为你的图片文件路径，尺寸要求为1024x1024

这一步会在icons.iconset目录下生成若干不同尺寸的图标，用来下一步生成icns图标

第二步 生成icns图标

iconutil -c icns icons.iconset -o Icon.icns

这步之后可以在目录下面看到Icon.icns图标，就可以使用了

electron打包，使用electron-packager

原文：https://www.cnblogs.com/IWings/p/14745982.html