Electron打包总结, 附例子(windows+linux)

最新推荐文章于 2025-06-28 15:17:15 发布

烁GG

最新推荐文章于 2025-06-28 15:17:15 发布

阅读量1.3w

点赞数

CC 4.0 BY-SA版权

分类专栏： Web 文章标签： nodejs electron

本文链接：https://blog.youkuaiyun.com/u014563989/article/details/78013804

Web 专栏收录该内容

9 篇文章

订阅专栏

这篇博客详细介绍了如何使用 Electron 1.6.11 版本进行应用打包，包括安装 Electron 和 electron-packager、配置参数以及执行打包的步骤。通过修改 package.json 文件并设置平台、架构、输出目录等选项，可以方便地为 Windows 和 Linux 平台创建应用程序。打包完成后，会生成一个包含可执行文件的 app 文件夹。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

---这里我使用的Electron的版本为1.6.11

打包例子在: http://download.youkuaiyun.com/download/u014563989/9983177

1.安装

cnpm install electron -g

cnpm install electron-packager -g

2.参数配置

打包参数:

electron-packager <location of project> <name of project> <platform> <architecture> <electron version> <optional options>
* location of project：项目所在路径
* name of project：打包的项目名字
* platform：确定了你要构建哪个平台的应用（Windows、Mac 还是 Linux）
* architecture：决定了使用 x86 还是 x64 还是两个架构都用
* electron version：electron 的版本

* optional options：可选选项

--- 推荐直接修改package.json, 增加下面的key-value, 这种比直接执行electron-packager打包要简单:

WindowsX64:
"package": "electron-packager ./ helloworld --platform=win32 --arch=x64 --out=./app --version 1.0.0 --overwrite --icon=./myicon.ico"

LinuxX64:

"package": "electron-packager ./ helloworld --platform=linux --arch=x64 --out=./app --version 1.0.0 --overwrite --icon=./myicon.ico"

ps:最近重装了下然后发现上面的命令不行, 还需指定--electron-version=1.6.11才行, 如下:

"package": "electron-packager ./ helloworld --platform=win32 --arch=x64 --out=./app --version 1.0.0 --electron-version=1.6.11 --overwrite --icon=./myicon.ico"

3. 执行打包

cd到package.json的目录下, 然后执行:

cnpm run-script package

4. 完成

--->效果就是在打包文件夹的里生成了一个"app"文件夹, 里面有个"helloworld-win32-x64"文件夹, 然后再里面就是干货了, 里面有个exe叫"helloworld.exe";

ps: 打包成.asar: asar pack 文件夹路径 app.asar