构建项目可以使用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
在命令行中进入目录,并执行以下命令(可以批量复制粘贴执行)
-
sips -z 16 16 pic.png --out icons.iconset/icon_16x16.png
-
-
sips -z 32 32 pic.png --out icons.iconset/icon_16x16@2x.png
-
-
sips -z 32 32 pic.png --out icons.iconset/icon_32x32.png
-
-
sips -z 64 64 pic.png --out icons.iconset/icon_32x32@2x.png
-
-
sips -z 64 64 pic.png --out icons.iconset/icon_64x64.png
-
-
sips -z 128 128 pic.png --out icons.iconset/icon_64x64@2x.png
-
-
sips -z 128 128 pic.png --out icons.iconset/icon_128x128.png
-
-
sips -z 256 256 pic.png --out icons.iconset/icon_128x128@2x.png
-
-
sips -z 256 256 pic.png --out icons.iconset/icon_256x256.png
-
-
sips -z 512 512 pic.png --out icons.iconset/icon_256x256@2x.png
-
-
sips -z 512 512 pic.png --out icons.iconset/icon_512x512.png
-
-
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图标,就可以使用了