electron 打包
最近在学习electron，遇到了一些问题，记录下来做个笔记，electron的使用就不说了，网上也有很多教程，也可以直接去官网看文档，本文主要是记录electron在windows系统（其他系统应该也差不多吧）上怎么进行打包，以及打包过程中遇到的问题怎么解决。
官方文档：https://electronjs.org/docs
官方事例：https://github.com/electron/electron-quick-start
1，首先要安装好我们打包相关的工具（这里主要介绍使用 electron-packager 和 electron-builder 打包）
// 全局安装 electron （个人喜欢全局安装，这个懂的可以不用参考，不懂的就按着这个来吧。）
cnpm install electron -g
// 全局安装 electron-packager 打包工具（打包成exe运行文件（文件大小在100M以后），但不会打包成可安装文件）cnpm install electron-packager -g
// 全局安装 electron-builder 打包工具（可打包成exe运行文件（文件大小在100M以上），也可以打包成exe的安装文件（文件大小会相对小一些，我这一般都是30M左右））
cnpm install electron-builder -g
// 全局安装 asar （用于将源码打包成二进制文件）
cnpm install asar -g
A，使用 electron-builder 打包成安装文件或绿色文件(相关的命令可通过 “ build -h ” 来查看)，这里打包成64位windows安装文件
（1） 配置 packager.json
"build": { "appId": "com.leijiaping.electron-tools", // appId 嘛 "copyright": "雷佳佳", // 版权所有嘛 "productName": "雷佳佳的工具箱", // 产品名称嘛 "win": { // win（其他系统的配置参考附录提供的链接吧）的程序图标，还有一个地方需要注意的一个地方就是这里必须是256x256的图片，否则会报错的呀
"icon": "icon_256.ico"
}
}
（2） 执行打包命令（意思是打包64位的windows安装程序，其他系统参考文章后面的附录吧，没试过也不知道对不对）build -w --x64
打包过程如果出现下载文件失败或者连接失败，请用下载工具或浏览器下载相关的文件，并解压放入到指定的目录下即可。
打包成功后，则会出现一个 dist 目录，目录里就有绿色版和安装版的程序了。
B，使用 electron-packager 打包成可执行的应用程序
// 执行命令（具体的命令意思可查看帮助或者查看附录里的教程说明，不懂的话就按下面这个命令执行就好了）
electron-packager ./ --overwrite -all
生成完后，会有一个 electron-tools-win32-x64 目录，目录下有的resources/app 是源文件，被别人看到不是很好，所以这里可以使用 asar 打包，然后把源代码的这个app目录删除即可。
// 进入resources目录，执行命令进行打包
asar pack ./app app.asar
打包成功后，则会有一个app.asar文件了，程序启动时则会自动使用app.asar。
附录：
在打包的时候会遇到下载文件超时的问题，所以我这里是用浏览器先去把相关文件下载，然后解压放在指定的目录（C:\Users\..\AppData\Local\electron-builder\cache）下的。
winCodeSign下载地址：
nsis下载地址：
nsis-resources下载地址：
block-map-builder下载地址：
electron下载地址：
http://npm.taobao.org/mirrors/electron/1.7.10/electron-v1.7.10-win32-x64.zip
以上程序包也可以在我的百度云盘上下载，链接: https://pan.baidu.com/s/1nxqVQBJ 密码: 5ue4
浙公网安备 33010602011771号