Electron打包教程

以下为MacOS系统的操作~

1、编译Mac平台下的dmg文件

image.png
解决办法：将下载好的electron-v15.3.5-darwin-x64.zip文件拷贝到/Users/XXX/Library/Caches/electron文件夹下。下载链接地https://registry.npmmirror.com/binary.html?path=electron

2、编译Window平台下的exe文件

a、需要提前下载一下文件：

• electron-v15.3.5-win32-x64.zip
• winCodeSign-2.6.0.7z
• nsis
• nsis-resources-3.4.1

b、将上述下载好的文件分别添加到对应的文件夹下

• C:\Users\Administrator\AppData\Local\electron-builder\Cache\electron
• C:\Users\Administrator\AppData\Local\electron-builder\Cache\winCodeSign
• C:\Users\Administrator\AppData\Local\electron-builder\Cache\nsis

nsis-resources文件解压后需要放到nsis文件夹下

c、操作完成以后重新npm run build

image.png

3、编译linux平台下的文件

a、下载以下文件

• electron-v15.3.5-linux-x64.zip
• appimage-12.0.1.7z

b、将上述下载好的文件分别添加到对应的文件夹下

• /Users/XXX/Library/Caches/electron
• /Users/XXX/Library/Caches/electron-builder/appimage

4、注意几个命令

• "pack": "electron-builder --dir"

only generates the package directory without really packaging it. This is useful for testing purposes。

• "postinstall": "electron-builder install-app-deps",

ensure your native dependencies always matched the electron version

遇到的问题

• ffmpeg.dll找不到

Mac平台下编译的exe文件不是最终的，可以称之为绿色版，不要安装直接使用。解决办法是需要是windows平台编译exe文件。