</a>
引言
在打包Electron App的時(shí)候，有很多工具可以使用，各有長(zhǎng)短，這里簡(jiǎn)單匯總幾個(gè)常用工具的特點(diǎn)及注意事項(xiàng)，便于選擇。包括：
- electron-packager；
- electron-builder；
- grunt-electron-installer（windows-installer）；
注意：詳細(xì)的安裝及使用方法需要參考官方文檔，本文不做贅述。
electron-packager
官方鏈接
是什么
Package your Electron app into OS-specific bundles (.app, .exe, etc.) via JavaScript or the command line.
Electron Packager is a command line tool and Node.js library that bundles Electron-based application source code with a renamed Electron executable and supporting files into folders ready for distribution.
使用方法
該工具提供了兩種使用方式：JS API（Node.js library）和CLI。詳細(xì)使用方法請(qǐng)?jiān)L問官方文檔。下面是在命令行中使用的例子：
"scripts": {
"package": "electron-packager . --platform=win32 --arch=ia32 --electron-version=1.4.15 --overwrite --ignore=node_modules --ignore=.gitignore"
},
特點(diǎn)
- 使用 electron-packager 打包，macOS系統(tǒng)打包app文件，不能打包exe文件，windows系統(tǒng)可以打包app文件以及exe文件；
- 支持平臺(tái)有：Windows (32/64 bit)、OS X (also known as macOS)、Linux (x86/x86_64)；
- 生成的格式：.exe（這里不能生成安裝包，只能生成可執(zhí)行文件及目錄）、.app、mas、linux可執(zhí)行格式；
- 可選項(xiàng)；
- 支持CLI和JS API兩種使用方式；
electron-builder
官方連接
是什么
A complete solution to package and build a ready for distribution Electron app for macOS, Windows and Linux with “auto update” support out of the box.
使用方法
在 package.json中添加如下配置：
"scripts": {
"pack": "build --win --ia32 --dir",
"dist": "build --win --ia32"
},
"build": {
"appId": "org.shennongmin.QuickStart",
"copyright": "Open Totally",
"compression": "normal",
"nsis": {
"oneClick": true,
"perMachine": true,
"runAfterFinish": true
}
},
特點(diǎn)
- electron-builder 可以打包成msi、exe、dmg文件，macOS系統(tǒng)，只能打包dmg文件，window系統(tǒng)才能打包exe，msi文件；
- 幾乎支持了所有平臺(tái)的所有格式；
- 可以將prepackage目錄（手動(dòng)或使用electron-packager生成的目錄）打包成安裝包；
- 支持Auto Update；
- 非常豐富的選項(xiàng)；
- 支持CLI和JS API兩種使用方式；
grunt-electron-installer
官方鏈接
https://github.com/electron-archive/grunt-electron-installer
是什么
Grunt plugin that builds Windows installers for Electron apps using Squirrel.
使用方法
先用 electron-packager 將應(yīng)用打包到應(yīng)用目錄下，例如：SNM Quick Start-win32-ia32。
在應(yīng)用目錄下新文件 gruntPackage.json，內(nèi)容如下：
{
"name": "SNM_Quick_Start",
"version": "1.7.8"
}
在應(yīng)用目錄下新文件 Gruntfile.js，內(nèi)容如下：
var grunt = require("grunt");
grunt.config.init({
pkg: grunt.file.readJSON('gruntPackage.json'),
'create-windows-installer': {
ia32: {
appDirectory: 'SNM Quick Start-win32-ia32',
authors: 'shen nongmin',
exe: 'SNM Quick Start.exe',
description: "this is a test",
}
}
})
grunt.loadNpmTasks('grunt-electron-installer');
grunt.registerTask('default', ['create-windows-installer']);
安裝grunt和grunt-electron-installer：
npm install -g grunt-cli
npm install grunt grunt-electron-installer --save-dev
在應(yīng)用目錄下執(zhí)行g(shù)runt：
grunt
隨后會(huì)在生成的installer目錄中包含如下幾個(gè)文件：
RELEASES
SNM Quick StartSetup.exe
SNM Quick StartSetup.msi
SNMQuickStart-1.7.8-full.nupkg
其中，.exe可以安裝（如需支持Squirrel則需要對(duì)main.js進(jìn)行修改，這里不介紹）。
特點(diǎn)
- 只支持Windows系統(tǒng)；
- 支持Squirrel；
- 只支持命令行使用；
- 依賴windows-installer；
- 可選項(xiàng)；
關(guān)于支持Squirrel的鏈接
- http://electron.atom.io/docs/api/auto-updater/
- https://github.com/electron/windows-installer#handling-squirrel-events
- https://github.com/mongodb-js/electron-squirrel-startup
