electron打包:electron-packager及electron-builder两种方式实现桌面端应用程序打包

electron打包:electron-packager及electron-builder两种方式实现桌面端应用程序打包

electron-vue初始化

electron-vue初始化命令:

vue init simulatedgreg/electron-vue my-project

我们在初始化electron-vue项目时,可以选择打包方式:

electron-packager

electron-builder

electron-builder有更丰富的的功能,支持更多的平台,支持自动更新,打出的包更为轻量,并且可以打包出不暴露源码的setup安装程序。

1、electron-builder 可以打包成msi、exe、dmg文件,macOS系统,只能打包dmg文件,window系统才能打包exe,msi文件;
2、几乎支持了所有平台的所有格式;
3、支持Auto Update;
4、支持CLI和JS API两种使用方式;

初始化electron-vue项目时,选择electron-builder打包方式,在命令行中执行 npm run build 打包命令

"scripts": {
    "build": "node .electron-vue/build.js && electron-builder"
}

打包完成在dist目录生成以下文件:

win-unpacked 免安装版

builder-effective-config.yaml 记录打包信息

my-project Setup 0.0.1.exe  安装文件,默认安装在c盘

my-project Setup 0.0.1.exe.blockmap 文件系统索引模式