electron打包成exe是怎样的呢？下面就让我们一起来了解一下吧：
Electron是属于由Github开发的开源框架，它允许开发者使用Web技术构建跨平台的桌面应用。若是想要将electron打包成exe一般有两种方法，一种是直接在命令行编辑命令，进行打包；另一种是在package.json文件中进行配置。
方法一、直接在命令行编辑命令，进行打包
示例代码如下：
# 命令行打包
electron-packager . HelloWorld --platform=win32 --arch=x64 --icon=computer.ico --out=./out --asar --app-version=1.0.0 --overwrite --ignore=node_modules --electron-version 8.2.1
方法二：在package.json文件中进行配置
示例代码如下：
"scripts": {
"package":"electron-packager . HelloWorld --platform=win32 --arch=x64 --icon=computer.ico --out=./out --asar --app-version=1.0.0 --overwrite --ignore=node_modules"
}
接着在命令行中输入命令：npm run package。
说明：通过这两种方式进行打包的效果整体来说还是不错的，打包完成后一般会在根目录下多出out文件夹。
以上就是小编的分享了，希望能够帮助到大家。
第二部分：Electron构建跨平台的桌面应用程序（站点应用打包）
Windows安装Electron环境
在命令行里安装全局electron：
npm install -g electron
安装命令
安装成功
Ps：在这之前你需要安装nodejs，npm。
创建入门程序首先，我们跟着Electron社区的快速入门程序
创建我的第一个Electron App（HelloWorld）
参照入门程序，App创建完成，包结构如下：
electron示例
前面我们全局安装了Electron，如何运行App呢？
在当前窗口打开命令行，输入如下命令：
electron .
示例页面
App创建成功！不要着急，本讲的重点是介绍如何打包成exe。
安装打包工具我是使用的electron-packager，首先全局安装一下：
npm install electron-packager -g
安装
打包之前需要在当前App里安装依赖上面运行是利用Electron的全局命令，打包需要App里安装自己的依赖，后面且称做局部依赖，当前App的依赖只有Electron，在命令行执行：
electron -v
查看版本
Ps：获取当前Electron全局安装的版本号。
编辑package.json，npm安装局部依赖调整打包内容
npm install
输入npm安装命令
npm start
启动服务
安装成功iframe示例页面
Ps：程序运行，局部依赖安装成功。
打包显示应用图标打包前为当前app制作icon：icon.ico，256*256。制作好放入app根目录
打包方式electron-packager打包：electron-packager打包有两种方式，一是直接在命令行编辑命令，直接进行打包。另一种是在package.json里编辑package，执行npm run-script package。
electron-packager app/ 学为先教育云平台 --platform=win32 --arch=x64 --icon=logo.svg --out=./out --asar --app-version=1.0.0
打包网站
调整标题logo
在app(electron-quick-start)根目录创建app文件夹，并把main.js， index.html 和 package.json拷贝进去（拷贝并非剪切），然后在electron-quick-start根目录打开命令行：
npm run-script package
打包
Ps：打包成成功。
打开main.js文件，修改如下：
electron-packager <location of project> <name of project> <platform> <architecture> <electron version> <optional options>
参数说明：
electron简介
