electron-builder打包所需的依赖包

前言

electron-builder构建方式比 electron-packager 有更丰富的的功能。

• 支持更多的平台
• 支持自动更新
• app体积更轻量
• 不暴露源码的 setup 安装程序

步骤

安装electron-builder

yarn add electron-builder --save-dev

配置package.json

"scripts": {
    "build": "electron-builder --win --x64"
},
"build": {
    "appId": "com.xxx.app",
    "mac": {
      "target": ["dmg","zip"]
    },
    "win": {
      "target": ["nsis","zip"]
    }
}

执行npm run build构建命令，在dist目录下即可看到生产出的app文件和其它文件

可能出现的问题

受网络环境等问题影响，执行 npm run build时常常会打包失败，仔细查看控制台报错后，得知是一些打包所需要的依赖库下载失败。这时往往需要我们手工搬运这些第三方依赖到本地中。下载的地址在控制台中有提示，去寻找 download http://**** 404 的提示。

下载地址：淘宝镜像

所在目录：

Step1

下载 electron-vx.x.xx-win32-x64.zip 和 SHASUMS256.txt文件。复制到下列目录

注意： SHASUMS256.txt 文件需要改名为 SHASUMS256.txt-x.x.xx。即版本号需要与 electron-vx.x.xx一致。

mac：/Users/mac/Library/Caches

windows: C:\User\Administrator\AppData\Local\electron\Cache

Step2

下载winCodeSign-x.x.x文件，解压缩后复制到下列目录

mac: /Users/mac/Library/Caches/electron-builder/winCodeSign

windows: C:\User\Administrator\AppData\Local\electron-builder\cache\winCodeSign

Step3

下载nsis-x.x.x.x和 nsis-resources-x.x.x文件，解压缩后复制到下列目录

mac: /Users/mac/Library/Caches/electron-builder/nsis

windows: C:\User\Administrator\AppData\Local\electron-builder\cache\nsis

Step4

下载wine-x.x.x 或 wine-x.x.x-mac文件，解压缩后复制到下列目录

mac: /Users/mac/Library/Caches/electron-builder/wine

windows: C:\User\Administrator\AppData\Local\electron-builder\cache\wine

以上步骤中的文件下载完成后重新执行 npm run build即可打包完成