electron打包php项目,electron-builder打包的详细介绍

本篇文章给大家带来的内容是关于electron-builder打包的详细介绍，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

开发electron客户端程序，打包是绕不开的问题。下面就我在工作中的经验以及目前对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.

关于electron和electron-builder的基础部分这篇文章就跳过了，有兴趣的话可以看这篇文章

如何使用

builder的使用和配置都是很简单的

builder配置有两种方式

package.json中直接配置使用(比较常用，我们下面着重来讲这个)

指定electron-builder.yml文件

demo地址会在文章末尾给出(demo项目中electron使用得是V2.0.7版本,目前更高得是2.0.8版本)。

下面是一个简单的package.js中带注释的配置基础配置"build": { // 这里是electron-builder的配置

"productName":"xxxx",//项目名 这也是生成的exe文件的前缀名

"appId": "com.xxx.xxxxx",//包名

"copyright":"xxxx",//版权 信息

"directories": { // 输出文件夹

"output": "build"

},

// windows相关的配置

"win": {

"icon": "xxx/icon.ico"//图标路径

}

}

在配置文件中加入以上的文件之后就可以打包出来简单的文件夹，文件夹肯定不是我们想要的东西。下一步我们来继续讲别的配置。打包目标配置

要打包成安装程序的话我们有两种方式，使用NSIS工具对我们的文件夹再进行一次打包，打包成exe

通过electron-builder的nsis直接打包成exe，配置如下"win": { // 更改build下选项

"icon": "build/icons/aims.ico",

"target": [

{

"target": "nsis" // 我们要的目标安装包

}

]

},其他平台配置"dmg": { // macOSdmg

"contents": [

...

]

},