京东6.18大促主会场领京享红包更优惠

 找回密码
 立即注册

QQ登录

只需一步,快速开始

Electron 使⽤ electron-builder 打包应用过程详解

2024-11-2 22:30| 发布者: c2688| 查看: 79| 评论: 0

摘要: electron有几种打包方式,我使用的是[code]electron-builder[/code]。固然下载依靠的时间让我急躁,使用起来也很繁琐,但是它能进行很多自定义,打包完成后的体积也要小一些。 安装[code]electron-builder[/code]:

electron有几种打包方式,我使用的是[code]electron-builder[/code]。固然下载依靠的时间让我急躁,使用起来也很繁琐,但是它能进行很多自定义,打包完成后的体积也要小一些。

安装[code]electron-builder[/code]:

[code]npm install electron-builder -D[/code]

使用 [code]npm[/code] 下载 [code]electron-builder[/code] 真的非常非常难熬! 总是失败!

[code]electron-builder[/code]官方建议使用[code]yarn[/code]下载,而且明确表现Yarn is strongly recommended instead of npm.

[code]yarn add electron-builder --dev[/code]

在 [code]package.json[/code] 中进⾏相关设置:

[code]{ "name": "my-electron-app", // 应⽤程序的名称 "version": "1.0.0", // 应⽤程序的版本 "main": "main.js", // 应⽤程序的⼊⼝⽂件 "scripts": { "start": "electron .", // 使⽤ `electron .` 下令启动应⽤程序 "build": "electron-builder" // 使⽤ `electron-builder` 打包应⽤程序,⽣成安装包 }, "build": { "appId": "my-electron-app", // 应⽤程序的唯⼀标识符 // 打包windows平台安装包的具体设置 "win": { "icon": "./favicon.ico", //应⽤图标 "target": [ { "target": "nsis", // 指定使⽤ NSIS 作为安装程序格式 "arch": ["x64"] // ⽣成 64 位安装包 } ] }, "nsis": { "oneClick": false, // 设置为 `false` 使安装程序表现安装向导界⾯,⽽不是⼀键安装 "perMachine": true, // 答应每台机器安装⼀次,⽽不是每个⽤户都安装 "allowToChangeInstallationDirectory": true // 答应⽤户在安装过程中选择安装⽬录 } }, "devDependencies": { "electron": "^30.0.0", // 开辟依靠中的 Electron 版本 "electron-builder": "^24.13.3" // 开辟依靠中的 `electron-builder` 版本 }, "author": "zhangSan", // 作者信息 "license": "ISC", // 许可证信息 "description": "一个测试用的electron项目" // 应⽤程序的描述 }[/code]

设置完成后,执行打包下令:

[code]npm run build[/code]

题目及办理方案 下载Electron v32.1.2 的压缩包时出现了题目,导致后续的操作无法进行:

Electron 默认打包会从github上下载相关二进制包,在国内访问github非常慢,下载相关资源失败是很可能的事情。

直接通过浏览器访问 [code]https://github.com/electron/electron/releases/download/v32.1.2/electron-v32.1.2-win32-x64.zip[/code],看是否能够正常下载:

办理方案

  • 翻一下墙,打开开关,办理题目
  • 设置electron相关资源的镜像源

修改npm设置文件(没有就创建):

  • 可以在终端输入[code]npm config edit[/code]下令,打开[code].npmrc[/code]文件
  • 可以按路径[code]C:\Users\PC[/code]找到[code].npmrc[/code]文件并打开
  • 设置 [code]electron[/code] 和 [code]electron-builder-binaries[/code] 的镜像地点:
[code]electron_mirror=https://registry.npmmirror.com/-/binary/electron/ electron_builder_binaries_mirror=https://registry.npmmirror.com/-/binary/electron-builder-binaries/ always-auth=false[/code]

[code]electron_mirror[/code]:这个情况变量指定了 Electron 的下载镜像地点。当项目必要下载 Electron 时,会优先从这个地点去获取二进制文件。
[code]electron_builder_binaries_mirror[/code]:这个情况变量指定了 [code]electron-builder-binaries[/code] 的下载镜像地点。[code]electron-builder[/code] 是一个用于构建 Electron 应用的工具,而 [code]electron-builder-binaries[/code] 包含了一些预编译的二进制文件,用于不同的平台和架构。设置这个镜像地点可以确保在构建过程中能够快速、稳定地获取这些二进制文件。
[code]always-auth=false[/code]:表现在访问这些镜像资源时不必要进行身份验证。

[code].ico[/code]文件的尺寸至少是256 * 256

重新天生符合要求的[code]favicon.ico[/code]

到此这篇关于Electron 使⽤ electron-builder 打包应用的文章就先容到这了,更多相关Electron electron-builder 打包应用内容请搜索脚本之家从前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!


来源:https://www.jb51.net/javascript/328458gvs.htm
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
关闭

站长推荐上一条 /6 下一条

QQ|手机版|小黑屋|梦想之都-俊月星空 ( 粤ICP备18056059号 )|网站地图

GMT+8, 2025-7-2 09:22 , Processed in 0.040757 second(s), 18 queries .

Powered by Mxzdjyxk! X3.5

© 2001-2025 Discuz! Team.

返回顶部