SinF的Electron系列之二---electron-packager命令简析

wawor4827 发布于2019-08-23 14:26 / 743人阅读

摘要：我使用来打包文件，打包的特点是，要写一大串命令，或者在根目录下的文件中配置相应的字段如下项目项目项目简单介绍一下用到的打包字段，详细

我使用electron-packager来打包文件，electron-packager打包的特点是，要写一大串命令，或者在根目录下的package.json文件中配置相应的字段如下：

"scripts": {
    "start": "electron .",
    "packagerWin64": "electron-packager ./ "项目" --platform=win32 --arch=x64 --out ./project --app-version 1.0.0 --overwrite --icon=./static/assets/img/favicon.ico --asar",
    "packagerWin32": "electron-packager ./ "项目" --platform=win32 --arch=ia32 --out ./project --app-version 1.0.0 --overwrite --icon=./static/assets/img/favicon.ico --asar",
    "packagerMAC": "electron-packager ./ "项目" --platform=darwin --arch=x64 --out ./project --app-version 1.0.0 --overwrite --extra-resource=./res/2.dat --extra-resource=./res/1.dat --icon=./static/assets/img/favicon.icns"
    }

简单介绍一下用到的打包字段，详细信息看官方文档：

https://github.com/electron-u...

官方文档中提到的基本格式为：

electron-packager   --platform= --arch= [optional flags...]

--platform 和 --arch 表示可运行的系统

这里面有个要注意的坑：本机只能打包对应系统运行的electron软件，我自己使用mac开发，所以我是在windows虚拟机里面进行的 “packagerWin64” 打包

“start” 表示本地打包到./dist文件夹，运行一个本地项目，用于测试

“packagerWin64” 用来生成一个在win64位系统运行的electron软件

“packagerWin32” 用来生成一个在win32位系统运行的electron软件

“packagerMAC” 用来生成一个在MAC系统运行的electron软件

第一个 ‘./’ 表示打包文件的根目录即

‘项目’ 表示打包后的文件名称即

--out ./project 表示生成的打包后的文件，在本地根目录的piccRobot文件夹里

--overwrite 表示，如果本地有之前的打包文件，会删除原有文件，重新生成新的打包文件

--app-version 1.0.0 表示生成的打包文件的版本

--icon=./static/assets/img/favicon.icns" 表示打包文件的图标

这里要注意的是，icns是mac版的图标格式，如果是win版，格式就是icon

--extra-resource=./res/1.dat 表示加载的第三方文件，有关加载第三方文件的细节比较多，我在系列三回答

--asar 简单来说，就是会把文件打包到一个加密文件包里，这样就不容易被解析到源码。具体分析见electron官网：

https://electronjs.org/docs/t...

GPU云服务器云服务器系列之二 SinF 简析跳表简析

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/100619.html

SinF的Electron系列之三---electron-packager加载第三方资源

摘要：在上篇的系列之二里我提到了，用字段来加载第三方资源。在项目开始的时候，我把第三方资源放到了根目录的文件夹里，发现并没有起到加载第三方资源的效果。通用查询，发现提供字段。在上篇SinF的Electron系列之二里我提到了，用--extra-resource字段来加载第三方资源。在项目开始的时候，我把第三方资源放到了根目录的static文件夹里，发现并没有起到加载第三方资源的效果。通用...

hikui 2019-08-23 14:26 评论0 收藏0
SinF的Electron系列之一---Cookie和localStorage

摘要：不支持之前在浏览器中使用的方法，暂时采用解决。需默认的是保存在主流程里面，所以需要使用模块提取的函数，我改写成了，用参考博客里面的方法，无法获得的返回值。官方文档参考博客使用代码通过模块取的原本在主进程中才能使用的模块获得清空缓存保存名称值 Electron不支持之前在浏览器中使用localstroage的方法，暂时采用cookie解决。需Electron默认的cookie是保存在...

wangxinarhat 2019-08-23 14:12 评论0 收藏0
electron打包：electron-packager及electron-builder两种方式实

摘要：前言本文主要介绍如何通过及两种方式，将已有的应用打包成格式和可执行文件。导致了在打包的过程中非常慢。由于是初次接触，如读者在文中发现错误，请及时指正。前言 showImg(https://segmentfault.com/img/bV6zNn?w=1319&h=594); 本文主要介绍如何通过electron-packager及electron-builder两种方式，将已有的ele...

KaltZK 2019-08-22 15:38 评论0 收藏0
手把手教你把前端代码打包成msi和exe文件

摘要：本文主要介绍应用如何打包成和文件。添加监听并生成快捷方式安装卸载运行步骤和重新打包此时，再次运行进行安装，就会自动再桌面和开始菜单生成快捷方式了。本文主要介绍Electron应用如何打包成msi和exe文件。由于介绍Electron打包成msi和exe的文章很少，官方的文档也一笔带过，在研究的过程中踩了很多坑，所以写下此文，给其他人一个参考。关于Electron基础知识的文章，官方文...

Miracle 2019-08-21 14:38 评论0 收藏0
electron 将pc端（vue）页面打包为桌面端应用

摘要：于是乎，就想着把自己写的这个小项目打包成桌面端，方面每次打开电脑就能看。然后继续运行，然后白屏习惯性的首次失败。。解决方法进入文件夹下的将其中的修改为相对路径。再次运行，成功将的项目，显示为桌面应用。总结至此，打包桌面端就这样完成了。背景 showImg(https://segmentfault.com/img/bVYowg?w=1922&h=862); 最近在学习RxJS，平时边看...

Dongjie_Liu 2019-08-21 17:35 评论0 收藏0