Electron开发入门(五):项目打包
来源:互联网 发布:海口整站优化 编辑:程序博客网 时间:2024/05/17 17:16
一、安装 electron-packager
PS:安装之前,先复制一份package.json文件到./app目录下,然后改下./app目录下package.json里 “main”: “app/main.js”的路径(去掉app/),不这样子的话,下面打包的时候会报错,有的版本识别不了应用路径。
1、使用命令 npm install --save-dev electron-packager
将electron-package包安装到在项目下面,
安装完成之后,项目根目录下面的package.json文件里,会多出一条electron-package的版本号配置信息
二、正式打包
有两种方法:
1、直接使用命令打包,electron-packager的打包基本命令是:
- 1
命令说明:
* location of project:项目所在路径
* name of project:打包的项目名字
* platform:确定了你要构建哪个平台的应用(Windows、Mac 还是 Linux)
* architecture:决定了使用 x86 还是 x64 还是两个架构都用
* electron version:electron 的版本
* optional options:可选选项
命令比较长,每次要是都用这个命令来打包会很烦,可以使用第二种方法;
2、首先在项目根目录下面的 package.json 里添加代码, "packager": "electron-packager ./app HelloWorld --all --out ./OutApp --version 1.4.0 --overwrite --icon=./app/img/icon/icon.ico"
PS:这里要注意,字段里的 项目名字,version,icon路径要改成自己的;
具体添加位置如图,
然后,在使用命令 npm run-script packager
第一次需要下载相关文件,一定要翻墙,下载时常根据网络状况而定。
最后,打包完成之后如图 会在./OutApp
下生成对应平台的包
运行对应包下的.exe文件,就可以看到我们的应用了。
- Electron开发入门(五):项目打包
- 【Electron】Electron开发入门(五):项目打包
- 【Electron】Electron开发入门(二):创建项目Hello Word
- 【Electron】Electron开发入门
- 【Electron】Electron开发入门(六):项目生成setup安装程序
- Electron开发入门(二):创建项目Hello Word
- Electron项目打包
- 【Electron】Electron开发入门(一):开发环境搭建
- 【Electron】Electron开发入门(四):操作PC端文件系统
- 【Electron】Electron开发入门(八):自定义electron框架外壳(shell)的菜单(Menu)
- Electron开发入门
- 【Electron】Electron开发入门(七):打开本地文件或者网页链接 and webview里操纵electron api
- 【Electron】Electron开发入门(三):main process和web page 通信
- electron 打包antd项目的详细流程
- 【electron】electron入门 教你如何创建第一个electron应用 并进行打包【超详细】
- (五)Electron 菜单(Menu)
- electron打包
- Electron打包
- linux命令大全之diff命令详解(比较文件内容)
- 如何使用强大的PHP函数对数组进行排序
- java责任链模式
- Java 中的可变参数(Varargs)
- 一种分布式session实现方案
- Electron开发入门(五):项目打包
- 【BZOJ3112】[ZJOI2013]防守战线
- 【Leetcode】301. Remove Invalid Parentheses 移除非法小括号
- git闪退
- Python学习--21 电子邮件
- SVM训练样本方法总结(用于目标识别)
- xml
- PAT乙级1005. 继续(3n+1)猜想 (25)
- getRunningAppProcesses