使用electron-builder将应用打包为*.exe格式

折腾了一天, 尝试了多种不同的方式, 发现这种是最简单, 最方便的. 特此记录下来, 希望能帮到有需要的人.

npm 全局安装electron-builder

npm i -g electron-builder

安装之后, 可以通过 build -h 来查看帮助及相关参数

配置项目相关信息

在项目下的 package.json 文件中添加如下配置

"build": {
  "appId": "com.imaxue.app", // 应用id
  "productName":"Project Name", // 项目名称, 即打包之后的*.exe文件名
  "win": {
    "icon": "app/icon" // 应用的图标
  }
}

这里有个地方需要注意, 图标必须使用256*256像素的才可以

打包

打开命令行, 进入项目根目录, 输入 build , 就开始打包了, 第一次打包会下载相应的依赖, 时间较长.

打包结束之后, 可以在 ./dist 目录中, 找到打包之后的文件.